video {
  width: 100% !important;
  height: auto !important;
  display:flex !important;
}

img{
 max-width:100%;
 object-fit:cover;
 display:block;
  
}

.pictures {
 max-width:100%;
 object-fit:cover;
 display:block;

}

.white-font{color:#FFFFFF;}
.black-font{color:#2D2D2D;}
.purple-font{color:#7962AC;}
 

@media only screen and (max-width: 850px) {
   .hide-mobile {
    display:none;
    visibility:hidden;
  }
  .flex-container-main {
  max-height:100%!important;
    
    
  }
  .flex-container-main {
  padding: 0;
  margin: 0;
  list-style: none;
  max-width:1600px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow:hidden;
  
}
}

 @media only screen and (min-width: 850px) {
   .hide-desktop {

    display:none!important;
    visibility:hidden;
    
  }
  .flex-container-main {
  padding: 0;
  margin: 0;
  list-style: none;
  max-width:1600px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow:hidden;
  flex-flow:row!important;
 
}
}

 @media only screen and (max-width: 850px) {
   .hide-mobile {

    display:none!important;
    visibility:hidden;
    module-content-wrapper-flex
  }
.container-no-margin {
  margin-bottom:-20px;
   }
.container-margin {
   margin-bottom:0px;
   }
  
  .box1-flexible {
    display:flex;
    max-width:100%;
    padding-top: 50px!important;
    padding-bottom: 50px!important;
    flex:0;
   margin-right:0!important;
  }
  
 .box2-flexible-2 {
   width:100%!important;
   max-width:100%!important;
   margin-right:0!important;
   flex:initial!important;
   {#max-height:300px;#}
}
  
  

  .image_container img{
  position:relative;
    left: 50%;
    
    transform: translateX(-50%);
    
  }

  
  .topicon {
    margin: auto;
    padding-bottom: 30px;
    max-width: 150px;
    height: auto;
  }
}

/* For desktop: */
@media only screen and (min-width: 850px) {

   
.box1-flexible{
 
  display:flex;
  align-items:center;
  overflow:hidden;
  margin-bottom:0!important;

  }
  .box2-flexible-2 {
  max-width:67%;
 margin-bottom:0!important;
  }
  
  .topicon {
    margin: auto;
    padding-bottom: 2vw;
    max-height: 10em;
    width: 9vw;
    object-fit:contain;
  }
}

 .module-content-wrapper-flex-subhero h2{
      text-align: center;}

.image_container {
  position: relative;
  overflow: hidden;
  display:block;
}
.image_container img {
  position: relative;
  top:0%;
  width:100%;
  
}

.module-content-wrapper-flex{
  display: flex;
  flex-direction:column;
  align-items:left;
 
  
}
.module-outside-wrapper {
  height:fit-content;
  width:100%;

}
.module-content-wrapper-flex {
    max-width:100%;  
    height:95%;  
    margin-right: 5%;

    padding-bottom: 40px;
    
  }
    .module-content-wrapper-flex-background {
     background: linear-gradient(231deg, rgba(255,255,255,0) 65%, rgba(255,255,255,0.37) 96%, rgba(255,255,255,0.38) 98%, rgba(255,255,255,0.39) 99%, rgba(255,255,255,0.4) 100%);

}
    .module-content-wrapper-flex .subtext-1 {
      font-family: "serenity",sans-serif;
      font-weight: 300;
      text-align: left;
      letter-spacing: 0px;
      
      
  }

@media only screen and (max-width: 1600px) {
  
  .module-content-wrapper-flex h2 {
  text-align: left;
  font: Regular 35px/38px azo-sans-uber;
  letter-spacing: 0px;
  opacity: 1;  
  font-size: calc(18px + (35 - 18) * ((100vw - 850px) / (1600 - 850)));
  line-height:2.2vw; 
  } 
  .module-content-wrapper-flex-subhero h2{
    text-align: center;
  font-family: azo-sans-uber;
  letter-spacing: 0px;
  opacity: 1;  
  font-size: calc(30px + (50 - 30) * ((100vw - 850px) / (1600 - 850)));
  line-height:4.2vw; 
  }
  .subtext-1 {
    font-size: calc(14px + (20 - 14) * ((100vw - 850px) / (1600 - 850)));
    line-height:1.5vw;
  }
  
  
}

@media only screen and (max-width: 850px) {
.subtext-1 {
    font-size: 23px;
    line-height:1.4;
  }
   

.module-content-wrapper-flex h2 {
  font-size: 26px;
  line-height:32px; 
  
  }
}

@media only screen and (min-width: 1600px) {
  .module-content-wrapper-flex .subtext-1 {
    font-size: calc(14px + (20 - 14) * ((100vw - 850px) / (1600 - 850)));
    line-height:1.5vw;
    /*font-size: 26px;
    line-height: 28px; */
  }
  .module-content-wrapper-flex h2 {
  font-size:35px;
  line-height: 40px;
  }
  
  .topicon {
    margin: auto;
    padding-bottom: 30px;
    max-height: 170px;
    width: 150px;
    object-fit:contain;
  }
}

.button-1 {
    margin-top: 20px;
    text-align: -webkit-center;
}

