header,header .copyright{position:fixed;z-index:3}main .contact::before,main .hero::before{width:100%;height:100%;background-image:url(../images/bg-wave.svg);background-repeat:no-repeat}html{scroll-behavior:smooth}body{padding-top:0}a{color:#fff;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline;text-underline-position:under}.accent,header .copyright a{color:#6495ed}header{top:0}header .navbar .wrapper{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;width:100%;margin:0 auto;padding:0 1rem}header .copyright{left:0;bottom:0;width:100%}.navbar-brand small{display:none}.navbar-toggler span,main .contact::before,main .hero::before{display:block;position:absolute}.navbar-toggler{width:3rem;height:4rem}.navbar-toggler,.navbar-toggler-icon:focus,.navbar-toggler:active,.navbar-toggler:focus{outline:0;box-shadow:none;border:0;position:relative}.navbar-toggler span{width:100%;height:.25rem;margin:0;padding:0;background:#fff;border-radius:1px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.diagonal,main,main .contact,main .hero{position:relative}.middle-bar{margin-top:0}.navbar-toggler.collapsed .top-bar{top:1rem;transform:rotate(0)}.navbar-toggler.collapsed .middle-bar{opacity:1;top:2rem}.navbar-toggler.collapsed .bottom-bar{top:3rem;transform:rotate(0)}.navbar-toggler .top-bar{top:inherit;transform:rotate(135deg)}.navbar-toggler .middle-bar{opacity:0;top:inherit}.navbar-toggler .bottom-bar{top:inherit;transform:rotate(-135deg)}main .hero{top:4rem;width:100%;height:100vw;overflow:hidden}main .hero::before{content:' ';background-position:top left;z-index:1;animation-name:fadein;animation-duration:6s;animation-fill-mode:forwards}main .hero img{display:block;width:100%;height:100%;object-fit:cover;animation-name:zoomout;animation-duration:3s;animation-fill-mode:forwards}main>section{min-height:50vh}main>section h3,main>section p{margin-bottom:1rem}.diagonal{padding:20px 0}.diagonal:before{content:"";position:absolute;bottom:60px;top:60px;left:0;right:0;transform:skewY(-3deg);background-color:#000;z-index:0}.diagonal div,main .contact div{position:relative;color:#fff;z-index:1}main .contact{width:100%}main .contact::before{content:'';background-position:bottom left;transform:rotateZ(180deg);opacity:.25;z-index:0}@media (width >= 992px){.h3,h3{font-size:1.75rem}header{position:relative;top:0}.navbar-brand small{display:block}header .navbar{position:fixed;top:0;left:0;z-index:0}header .navbar .wrapper{display:block;align-items:left;justify-content:unset;margin:0;padding:3rem}header .copyright{width:auto;z-index:1}main .hero{top:0;height:100vh}main .contact strong{float:left;width:100px}}@media (width >= 1200px){.h3,h3{font-size:1.5rem}main .hero img{max-width:100%;height:100%}}@keyframes zoomout{0%{-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes zoomin{0%{opacity:0;-webkit-transform:translateY(-4rem);-ms-transform:translateY(-4rem);transform:translateY(-4rem)}25%{opacity:1;-webkit-transform:translateY(6rem);-ms-transform:translateY(6rem);transform:translateY(6rem)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes fadein{0%{-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3);opacity:0}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.25}}