.header{background-color:#031829;padding:0;display:flex;width:100%;height:100px;position:fixed;align-items:center;justify-content:center;z-index:1}nav{background-color:#031829;width:100%;color:#fff;opacity:75%;height:100%;display:flex;align-items:center;justify-content:center}nav ul{list-style:none;padding:0;display:flex;width:100%;justify-content:space-evenly}nav li{font-size:3em;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;width:200px;text-align:center}nav a{text-decoration:none;color:#fff;font-weight:700;align-items:center;transition:color .3s ease-in-out}nav a:hover{color:gold}.menu-icon{display:none;font-size:2em;cursor:pointer}#toggle-menu{display:none}body{margin:0}footer{background-color:#0f202e;color:#fff;padding:20px 0;text-align:center;width:100%;height:5em;max-height:500px}.footer-content{max-width:1200px;margin:0 auto;height:5em;max-height:500px}@media screen and (max-width:1150px){.header{background-color:#031829;padding:0;display:flex;width:100%;height:45px;position:fixed;align-items:center;justify-content:center}nav{background-color:#031829;width:100%;color:#fff;opacity:100%;height:100%;align-items:center}.nav-links{flex-direction:column;position:absolute;top:43px;width:100%;height:auto;background-color:#333;display:none;margin:0;align-items:center}.nav-links li{margin:10px 0;text-align:center;font-size:2em;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;align-items:center;justify-content:center}#toggle-menu:checked~.nav-links{display:flex}.menu-icon{display:block}}