:root{--white:#ffffff;--black:#000000;--blue:#0082ca;--brown:#6C6552;--grey:#eaeaea}html{height:100vh;width:100%}body{margin:0;padding:0;font-size:100%}*{font-family:"Helvetica Neue",sans-serif;box-sizing:border-box}.mobile-hide{display:inherit}.mobile-only{display:none!important}.tablet-only{display:none!important}.quarter-width{width:25%}.half-width{width:50%}.three-quarter-width{width:75%}.full-width{width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.sr-only{position:absolute;left:-1000px;height:1px;width:1px}header{position:relative;height:140px}header .contact{background:var(--blue);padding:10px;color:var(--white)}header .contact a{color:var(--white);text-decoration:none}nav{position:relative;padding:40px}footer ul,nav ul{display:flex;justify-content:space-between;flex-wrap:wrap;list-style:none;margin-top:20px;padding:10px}footer ul li a,nav ul li a{position:relative;display:block;text-decoration:none;color:var(--black)}nav ul li a:active,nav ul li a:focus,nav ul li a:hover,nav ul li a:target{text-decoration:none}nav ul li a:active::after,nav ul li a:focus::after,nav ul li a:hover::after,nav ul li a:target::after{content:" ";position:absolute;bottom:-4px;display:block;width:100%;height:2px;background:var(--black)}.mobile-nav-btn{border:0;outline:0;background:var(--white);color:var(--blue);text-align:center;font-weight:700;font-size:1.2em;padding:6px 12px;margin-top:10px}nav img{width:100%;height:auto}footer{width:100%;height:80px;background:var(--blue);padding:20px}footer ul{justify-content:flex-end;margin:0}footer ul li{padding:0 20px}footer ul li a{color:var(--white)}footer ul li a:active,footer ul li a:focus,footer ul li a:hover,footer ul li a:target{text-decoration:underline}#body-content{min-height:calc(100vh - 80px)}#hero{width:100%;background:var(--black)}#hero figure{position:relative;width:100%;height:500px;overflow:hidden}#hero figure img{position:absolute;width:100%;height:auto;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.6}#hero figure figcaption{position:absolute;left:0;bottom:0;height:70px;width:100%;background:var(--brown);color:var(--white);padding:20px;font-size:1.1em;font-weight:500;z-index:3}#hero figure figcaption::after{content:" ";display:block;position:absolute;top:0;right:-5%;height:100%;width:50%;background:var(--blue);transform:skewX(-45deg)}#hero figure #hero-msg{z-index:4;display:block;position:relative;top:25%;left:15%;transform:translateY(-25%);width:50%;height:70%;padding:20px;color:var(--white)}#hero a{display:block;background:0 0;border:2px solid var(--white);border-radius:15px;padding:20px 10px;color:var(--white);width:fit-content;text-decoration:none}#hero a:active,#hero a:focus,#hero a:hover,#hero a:target{background:var(--blue);border:2px solid var(--blue)}@media only screen and (max-width:600px){.mobile-hide{display:none}.mobile-only{display:block!important}@keyframes mobile-nav{0%{left:1000px}100%{left:0}}header{height:90px}nav{position:absolute;left:1000px;top:0;width:100vw;height:100vh;background:var(--blue);margin:0;padding:0;z-index:999}nav.visible{left:0;animation-name:mobile-nav;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}nav ul{flex-direction:column}nav ul li{width:100%;text-align:center;padding:20px;font-weight:700;border-bottom:2px solid var(--white)}nav ul li a{color:var(--white)}nav ul li a:active,nav ul li a:focus,nav ul li a:hover,nav ul li a:target{color:var(--white)}nav ul li a:active::after,nav ul li a:focus::after,nav ul li a:hover::after,nav ul li a:target::after{content:none}#body-content{height:auto}#hero figure{height:300px}#hero figure img{width:auto;height:100%}#hero figure figcaption{text-align:center}#hero figure figcaption::after{content:none;display:none}#hero figure #hero-msg{top:15%;left:0;transform:none;width:100%;height:100%;padding:10px;text-align:center}#hero figure #hero-msg p{display:none}#hero a{margin:0 auto;padding:10px 10px}footer{display:none}}@media only screen and (min-width:601px) and (max-width:1024px){.tablet-only{display:block!important}#body-content{height:auto}nav{padding:20px}#hero figure{height:400px}#hero figure img{width:auto;height:100%}#hero figure #hero-msg{top:15%;left:0;transform:none;width:100%;height:100%;padding:10px;text-align:center}#hero figure #hero-msg p{display:none}#hero a{margin:0 auto;padding:10px 10px}}@media only screen and (width:1024px) and (height:1366px) and (orientation:portrait){#body-content{height:auto}footer{display:none}}