*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}body{background-color:#f2f2f2;color:#17252b}.container{margin:auto;width:768px}@media(max-width:768px){.container{padding:0 15px;width:100%}}header{align-items:center;border-bottom:1px solid #c8c8c8;display:flex;justify-content:center;margin:60px 0 30px;padding-bottom:35px}header>img{border-radius:50%;display:block;height:160px;margin-right:30px;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:160px}header .info h1{color:#1e78ab;font-size:28px;font-weight:700}header .info span{display:block;font-size:20px;font-weight:300}header nav{align-items:center;margin-top:15px}header nav,header nav .social{display:flex}header nav .social li{margin-right:10px}header nav .social a{font-size:25px;transition:all .2s ease-in-out}header nav .routes{border-left:1px solid #ccc;display:flex;font-size:19px;margin-left:10px;padding-left:15px}header nav .routes li:not(:last-of-type){margin-right:15px}header nav .routes li a{transition:all .2s ease-in-out}header nav .routes li a:hover{color:#1e78ab}header nav .routes li a.active{color:#1e78ab;text-decoration:underline}@media(max-width:600px){header{align-items:center;flex-direction:column;text-align:center}header>img{margin:0 0 15px}header nav{justify-content:center}}@media(max-width:317px){header{margin:30px 0;padding-bottom:30px}header .info h1{line-height:1.2;margin-bottom:10px}header nav{flex-direction:column}header nav .social{margin-bottom:15px}header nav .social li{margin-right:0}header nav .social li:not(:last-of-type){margin-right:10px}header nav .routes{border-left:none;margin-left:0;padding-left:0}}ul{list-style:none}a{color:inherit;text-decoration:none}