@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap");*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}a{text-decoration:none;color:inherit}body{font-family:"Montserrat", sans-serif;color:#101f3d;position:relative}header{padding:15px;background:#101f3d;color:#faf5e9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .logoLink:hover{color:#faf5e9}header a:hover{color:#ffc435;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}header .logo{display:-webkit-box;display:-ms-flexbox;display:flex}header .logo picture,header .logo img{display:block}header .logo h1{margin:0 0 0 5px;font-size:1.25em;line-height:1.1em;-webkit-transform:translateY(-3px);transform:translateY(-3px);font-weight:500}header .logo h1 span{font-size:.875em;display:block;color:#ffc435;font-weight:300;width:-webkit-max-content;width:-moz-max-content;width:max-content}header nav{min-width:300px;width:600px;-webkit-transform:translateX(-30px);transform:translateX(-30px)}header nav>ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.25em;-ms-flex-pack:distribute;justify-content:space-around}header nav>ul>li{list-style:none;font-weight:500}header nav>ul>li ::after{content:"";display:block;border-bottom:solid 1px #ffc435;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease, -webkit-transform 0.5s ease;-webkit-transform-origin:right;transform-origin:right}header nav>ul>li :hover::after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}header ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.25em}header ul li{margin:0 20px;list-style:none}footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;background:white}@media screen and (max-width: 960px){header>ul{position:fixed;bottom:18px;left:calc(50% - 117px);color:#101f3d;background:white;padding:10px 0 10px 0}header>nav{min-width:auto}header>nav ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}header>nav ul li:first-of-type{padding-left:0}header>nav ul li:last-of-type{padding-right:0}}@media screen and (max-width: 600px){header{display:block}header .logo{max-width:300px;margin:auto}header>nav{max-width:300px;margin:20px auto 0 auto}}