@import"https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800";html,body{font-family:Dosis,sans-serif;font-weight:300;font-size:20px;margin:0;padding:0;box-sizing:border-box}.header{width:100%;border-bottom:1px solid #ebebeb;text-align:right;position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.logo{font-size:28px;font-weight:100;padding:10px}.menu{display:flex;align-items:center;margin-right:50px}.link{position:relative;display:inline-block;margin:15px 25px;text-decoration:none;text-transform:uppercase;color:#0f0f0f;font-weight:800;font-size:24px;transition:color .3s ease}.link:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:4px;background-color:#303030;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.link:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width: 768px){section{padding:16px;box-sizing:border-box}h1,p{padding:0 10px}}