body{font-family:'Montserrat', sans-serif}h2{position:relative;margin-top:62px;color:#999;font-size:23px;margin-right:20px;z-index:10}h2 a{color:#999;text-decoration:none}h2 a:hover{color:#ccc}section{position:absolute;top:40vh;left:50vw}.logo{position:absolute;width:175px;height:50px;margin:0 20px 0 0;background-image:url(logo.svg);background-repeat:no-repeat;text-indent:-9999px}.logo:before{display:block;position:absolute;left:-170px;top:-125px;width:340px;height:340px;border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,0.04),0 0 3px rgba(0,0,0,0.02);content:""}.logo:after{display:block;position:absolute;left:-100px;top:-55px;width:200px;height:200px;border-radius:50%;box-shadow:inset 0 5px 15px rgba(0,0,0,0.04),0 0 3px rgba(0,0,0,0.02);content:""}nav{position:absolute;bottom:5vh;left:50vw;transform:translateX(-50%)}nav ul{display:flex;padding:0;margin:0}nav li{position:relative;margin:0 10px 0 9px;list-style:none;font-weight:400;font-size:12px}nav li a{display:block;color:#999;text-decoration:none;padding:10px}nav li a.active,nav li a:hover{color:#ccc}nav li:after{position:absolute;top:17px;right:-11px;height:3px;width:3px;background-color:#999;border-radius:50%;content:""}nav li:first-child{margin-left:0}nav li:last-child{margin-right:0}nav li:last-child:after{display:none}@media (max-width: 400px){.logo{width:130px;height:50px}.logo:before{left:-130px;top:-100px;width:260px;height:260px}.logo:after{left:-70px;top:-40px;width:140px;height:140px}h2{margin-top:40px;font-size:15px}nav li{margin:0 6px 0 5px}nav li:after{right:-9px}}@media (max-width: 300px){section{top:27vh}.logo{width:70px}.logo:before{left:-65px;top:-45px;width:130px;height:130px}.logo:after{left:-35px;top:-15px;width:70px;height:70px}h2{margin-top:24px;font-size:10px;font-weight:400;margin-left:1px}nav ul{display:block;text-align:center}nav li{display:block;margin:0}nav li:after{display:none}}