body[page=biographic]{color:#000}body[page=biographic] section{min-height:calc(100vh - 309px)}body[page=biographic] section h1{text-align:center;margin-bottom:20px;font-size:34px}body[page=biographic] section h2{text-align:center;margin-bottom:20px;font-size:34px}body[page=biographic] section .in{padding:55px;padding-top:40px}body[page=biographic] section .photo{background-color:#e1e1e1;position:absolute;width:70vw;height:100%;left:0;background-size:cover;background-position:center}body[page=biographic] section .main{position:relative;margin-left:70vw;width:30vw;height:100%;right:0;background-color:#FFF;font-size:18px}body[page=biographic] section article{text-align:left;font-size:17px}body[page=biographic] section article.location{font-size:15px;text-align:center}@media screen and (max-width:1080px){body[page=biographic] section .photo{position:relative;width:100vw;height:100vw;left:0;background-size:cover;background-position:center}body[page=biographic] section .main{position:relative;margin-left:0;width:auto;height:auto;right:0;font-size:18px}body[page=biographic] section .in{padding:30px}body[page=biographic] section h1{text-align:left;margin-bottom:10px;font-size:28px}body[page=biographic] section h2{text-align:left;margin-bottom:20px;font-size:28px;margin-top:30px}body[page=biographic] section article.location{text-align:left}footer .wrap.s1{width:auto;text-align:center;display:block}footer .wrap.s2{width:auto;padding-left:0;display:block}footer .cr{line-height:1.5;text-align:center}}