header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 40px;margin:30px 0;height:75px;font-size:1.2em;font-weight:bold}@media (max-width:1370px){header{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:200px}}@media (max-width:768px){header{height:75px}}@media (max-width:768px){.menu{display:none}}.logo img{width:100%;max-width:500px;margin:auto}nav{width:70%}@media (max-width:1370px){nav{width:100%;margin-top:30px;margin-bottom:10px}}.menu{display:-webkit-flex;display:-ms-flexbox;display:flex;list-style:none;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:768px){.menu{display:none}}.menu__link{display:block;position:relative;text-decoration:none;color:#333399;background:#ceefff;line-height:40px;font-size:1.2em}.menu__link:after{content:"";position:absolute;width:0;height:calc(100% + 8px);background:#333399;top:-4px;left:50%;z-index:-1;transition:all .5s;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.menu__link:hover:after{width:95%}.menu__link:hover{color:#333399;transition:all .5s}.menu__link.active{line-height:40px;border-top:4px solid #ff00ff;border-bottom:4px solid #ff00ff;color:#ff00ff;margin-top:-4px}