h1{
  font-size: 3rem;
}
h2{
  font-size: 2rem;
}


h3{
  font-size: 1.25rem;
}



#hamburger {
  width: 45px;
  height: 35px;
  position: absolute;
  z-index:9;
  right: 20px;
  top: 20px;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: #000;
  opacity: 1;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

#hamburger span:nth-child(even) {
  left: 50%;
}

#hamburger span:nth-child(odd) {
  left:0px;
}

#hamburger span:nth-child(1), #hamburger span:nth-child(2) {
  top: 5px;
}

#hamburger span:nth-child(3), #hamburger span:nth-child(4) {
  top: 15px;
}

#hamburger span:nth-child(5), #hamburger span:nth-child(6) {
  top: 25px;
}

.mm-wrapper_opened #hamburger span:nth-child(1),.mm-wrapper_opened #hamburger span:nth-child(6) {
  transform: rotate(45deg);
}

.mm-wrapper_opened #hamburger span:nth-child(2),.mm-wrapper_opened #hamburger span:nth-child(5) {
  transform: rotate(-45deg);
}

.mm-wrapper_opened #hamburger span:nth-child(1) {
  left: 5px;
  top: 8px;
}

.mm-wrapper_opened #hamburger span:nth-child(2) {
  left: calc(50% - 5px);
  top: 8px;
}

.mm-wrapper_opened #hamburger span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.mm-wrapper_opened #hamburger span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.mm-wrapper_opened #hamburger span:nth-child(5) {
  left: 5px;
  top: 21px;
}

.mm-wrapper_opened #hamburger span:nth-child(6) {
  left: calc(50% - 5px);
  top: 21px;
}


.container{
  width: 90%;
}


.header{
  padding: 15px 0;
}

.header .header-nav{
  display:none;
}

.animated-logo .header-logo{
  width: 100%;
}
.animated-logo .logo-animation{
  height: 40px; 
  width: 40px;
}

.animated-logo .logo{
  height: 40px; 
  display:inline-block; 
  margin-left: 10px; 
}




.hero{
  position:relative; 
  aspect-ratio:auto;
  width:100%;
  max-height: auto;
}



.video-background {
  position:absolute;
}
.hero .hero-text{
  position:relative;
  bottom:auto;
  padding: 100px 20px 40px 20px; 
}



.flex{
  flex-wrap:wrap;
}
.flex .half, .flex .half-larger, .flex .auto, .flex .quarter{
  width:100%;
  margin-right:0;
}
.flex .auto{
  flex:auto;
}

.flex.swap .half{
  margin-left:0;
}

.grid-3,.grid-4{
  grid-template-columns: repeat(1, 1fr); 
}


.grid-span-1,.grid-span-2,.grid-span-3 {
  grid-column: span 1;
}

.mobile-margin-top{
  margin-top: 50px; 
}
.mobile-margin-bottom{
  margin-bottom: 50px; 
}

.button{
  display:block;
  width: 100%;
  text-align:center;
}
.button + .button{
  margin-left: 0; 
  margin-top: 15px; 
}

.mobile-image-ratio{
  aspect-ratio: 16/9;
}

.mobilegone{
  display:none;
}

.min-image-height{
  min-height: 1px; 
  aspect-ratio: 1/1;
}