body h2{
   font-size: 40px;
}
body p {
   font-size: 20px;
   line-height: 37px;
}

.text-center.h1{
  font-size: 40px;
}
.cover {
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   background-color: rgb(0, 107, 113);
   margin-top: 240px;
   margin-bottom: 20px;
   display:flex;
   justify-content: center;
   align-items: center;
   color: white;
 }
 
 .cover h1{
   color: white;
     font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
   font-size: 43px;
 }
 
 .container h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  
 }
 
 .container h3{
  font-family: Arial, Helvetica, sans-serif;
 }
 
 .grid{
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 
 gap:20px
 }
 
 .grid.programs{
 background-color:  rgb(0, 107, 113); 
 color: white;
 }
 
 .discover-div{
 display: flex;
 justify-content: center;
  
 
 }
 .discover-button{
 padding: 10px;
 margin: 0;
 font-size: 24px;
 background-color: white;
  border:none; 

   transition: transform 0.3s ease;

 
 }
.discover-button:hover{
   text-decoration: none !important;
    background-color:  rgb(0, 107, 113);
   color: white;
    transform: translateY(-5px);
}

 
 .info-div-gray{
 padding: 90px 0 90px 0;
 margin-bottom: 0;
 background-color: #D2DCE7;
 color:rgb(0, 107, 113); 
 transition: transform 0.3s ease;
 text-decoration: none;
 }

.info-div-white{
 padding: 90px 0 90px 0;
}


 
 .info-div-green{
 padding: 90px 0 90px 0;
 color: white;
 background-color: #23A1A3 ;
 
 }
 
 .info-div-green.coaching-info{
   color: white;
 background-color: #23A1A3 ;
 padding-bottom: 90px;
 }
 
 .coaching-wrong-div {
   padding-left: 80px;
  					padding-right: 80px;
  					padding-top: 30px;
 }
 
 .program-button{
    width: 100%;
 font-size: 20px;
 font-family: "Open Sans", sans-serif;
 padding: 5px;
 background-color: white;
 border:none;
 transition: transform 0.3s ease;
 
 }
 
 .program-button:hover{
 transform: translateY(-5px);
 background-color:  rgb(0, 107, 113); 
 color:white;
 }
 
 .column-image{
 height:auto;
 width: 350px;
 
 }
 .column-div{
 display: flex;
 justify-content: center;
 justify-items: center;
 
 
 }
 
 .program-images{
 
 height:auto;
 width: 100%;
 margin-bottom: 20px
 }
 

 
 .virtual-set-li {
 margin-top: 14px;
 font-size: 20px;
 margin-bottom: 8px;
 list-style-type: square;
 }
 .virtual-set-li-2 {
 
 font-size: 20px;
 margin-bottom: 8px;
 list-style-type: square;
 }
 
 .coaching-li{
 font-size: 20px;
 margin-top:7px;
 padding-left: 7px;
 }
 
 .coaching-li-2{
  font-size: 20px;
margin-bottom: 10px;
 padding-left: 7px;
 }
 
 .col-md-5.ml-3 {
 
 padding: none;
 }
 
 .about-button{
 padding: 10px 80px 10px 80px;
 background-color: rgb(0, 107, 113); 
 border: none;
 font-size:25px;
 transition: transform 0.3s ease;
 width: 100%;
 
 }
 
 .about-button:hover{
 transform: translateY(-10px);
 background-color: rgb(0, 112, 150);
 color:white;
 }
 
 .container.p {
 background-color: rgb(0, 107, 113);
 border-radius: 15px;
 padding-top: 20px;
 padding-left: 30px;
 padding-right: 30px;
 max-width: 990px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 }
 .container.text-center.button{
 position: relative;
 background-color: rgb(0, 107, 113); 
 max-width: 405px; 
 padding: 10px; 
 
 transition: transform 0.3s ease;
 text-decoration-line: none;
 
 }
 
 .container.text-center.button:hover{
 border:3px solid white;
 transform: translateY(-10px);
 background-color: rgb(0, 112, 150);
 }
 
 .contact-button{

 color: white; 
 font-size:30px; 
 text-decoration-line: none;
 };
 
 .hero-image{
 background-image: none;
 }
 
 iframe {
 
 width: 600px;
 }
 
 .container{
    padding: 0 !important;
    
 }
 
 h2{
    margin:0 !important;
    padding-bottom: 10px;
    font-size: 50px;
 }

.curious-div p{
   line-height: 25px;
   font-size: 18px;
}
 @media only screen and (min-width: 360px) {
 
    .cover{
       padding: 20px;
    }
    .cover h1{
       font-size: 30px;
    }
    
    .cover h2 {
       font-size: 20px;
    }
    .info-div-white{
       padding: 20px;
    }
    
    .info-div-green{
       padding: 15px;
    }
    .info-div-gray{
       padding: 15px;
    }
      .info-div-gray button{
       font-size: 16px;
    }
   
    
    .info-div-green button{
       font-size: 15px;
       font-weight: bold;
       
    }
     .col-md-6.text-center.mb-3.text-center{
       padding: 0 
    }
    
    .coaching-wrong-div{
       padding: 15px;
    }
    
   }


 @media only screen and (min-width: 500px) {
  
    body p{
       font-size: 15px;
       line-height: 25px;
    }
    
    body li {
       font-size: 15px !important;
    }
    .grid{
       display: contents;
        
    }
    .img-responsive{
       margin-bottom: 15px;
    }
 
 

 }

@media only screen and (min-width: 700px){
   
   .info-div-white{
      padding: 15px
   }
   .program-div{
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .program-images.img-responsive{
      width: 70%;
      
   }
   .discover-button{
      font-size: 20px !important;
   }
   .program-a{
      width: 70%;
   }
   
   .program-a button{
      margin-bottom: 20px;
      font-size: 20px;
   }
   
}


@media only screen and (min-width: 1000px){
   
  
body h2{
   font-size: 40px;
}
body p {
   font-size: 20px;
   line-height: 37px;
}

.text-center.h1{
  font-size: 40px;
}
.cover {
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   background-color: rgb(0, 107, 113);
   margin-top: 240px;
   margin-bottom: 20px;
   display:flex;
   justify-content: center;
   align-items: center;
   color: white;
 }
 
 .cover h1{
   color: white;
     font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
   font-size: 43px;
 }
 
 .container h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  
 }
 
 .container h3{
  font-family: Arial, Helvetica, sans-serif;
 }
 
 .grid{
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 
 gap:20px
 }
 
 .grid.programs{
 background-color:  rgb(0, 107, 113); 
 color: white;
 }
 
 .discover-div{
 display: flex;
 justify-content: center;
  
 
 }
 .discover-button{
 padding: 10px;
 margin: 0;
 font-size: 24px;
 background-color: white;
  border:none; 

   transition: transform 0.3s ease;

 
 }
.discover-button:hover{
   text-decoration: none !important;
    background-color:  rgb(0, 107, 113);
   color: white;
    transform: translateY(-5px);
}

 
 .info-div-gray{
 padding: 90px 0 90px 0;
 margin-bottom: 0;
 background-color: #D2DCE7;
 color:rgb(0, 107, 113); 
 transition: transform 0.3s ease;
 text-decoration: none;
 }

.info-div-white{
 padding: 90px 0 90px 0;
}


 
 .info-div-green{
 padding: 90px 0 90px 0;
 color: white;
 background-color: #23A1A3 ;
 
 }
 
 .info-div-green.coaching-info{
   color: white;
 background-color: #23A1A3 ;
 padding-bottom: 90px;
 }
 
 .coaching-wrong-div {
   padding-left: 80px;
  					padding-right: 80px;
  					padding-top: 30px;
 }
 
 .program-button{
    width: 100%;
 font-size: 20px;
 font-family: "Open Sans", sans-serif;
 padding: 5px;
 background-color: white;
 border:none;
 transition: transform 0.3s ease;
 
 }
 
 .program-button:hover{
 transform: translateY(-5px);
 background-color:  rgb(0, 107, 113); 
 color:white;
 /*! width: 100%; */
 }
 
 .column-image{
 height:auto;
 width: 350px;
 
 }
 .column-div{
 display: flex;
 justify-content: center;
 justify-items: center;
 
 
 }
   .program-a {
      width: 100%;
      
   }
 
 .program-images{
 
 height:auto;
 width: 100% !important;;
 margin-bottom: 20px
 }
 

 
 
 .virtual-set-li {
 margin-top: 14px;
 font-size: 20px;
 margin-bottom: 8px;
 list-style-type: square;
 }
 .virtual-set-li-2 {
 
 font-size: 20px;
 margin-bottom: 8px;
 list-style-type: square;
 }
 
 .coaching-li{
 font-size: 20px;
 margin-top:7px;
 padding-left: 7px;
 }
 
 .coaching-li-2{
  font-size: 20px;
margin-bottom: 10px;
 padding-left: 7px;
 }
 
 .col-md-5.ml-3 {
 
 padding: none;
 }
 
 .about-button{
 padding: 10px 80px 10px 80px;
 background-color: rgb(0, 107, 113); 
 border: none;
 font-size:25px;
 transition: transform 0.3s ease;
 width: 100%;
 
 }
 
 .about-button:hover{
 transform: translateY(-10px);
 background-color: rgb(0, 112, 150);
 color:white;
 }
 
 .container.p {
 background-color: rgb(0, 107, 113);
 border-radius: 15px;
 padding-top: 20px;
 padding-left: 30px;
 padding-right: 30px;
 max-width: 990px;
 display: block;
 margin-left: auto;
 margin-right: auto;
 }
 .container.text-center.button{
 position: relative;
 background-color: rgb(0, 107, 113); 
 max-width: 405px; 
 padding: 10px; 
 
 transition: transform 0.3s ease;
 text-decoration-line: none;
 
 }
 
 .container.text-center.button:hover{
 border:3px solid white;
 transform: translateY(-10px);
 background-color: rgb(0, 112, 150);
 }
 
 .contact-button{

 color: white; 
 font-size:30px; 
 text-decoration-line: none;
 };
 
 .hero-image{
 background-image: none;
 }
 
 iframe {
 
 width: 600px;
 }
 
 .container{
    padding: 0 !important;
    
 }
 
 h2{
    margin:0 !important;
    padding-bottom: 10px;
    font-size: 50px;
 }
   .curious-div h2{
      font-size: 30px;
   }
.curious-div p{
   line-height: 20px;
   font-size: 15px;
}
   .col-md-6.ml-3{
      height: 192.5px!important;
   } 
   
  
}




@media only screen and (min-width: 1400px){
/*     body h2{
      font-size: 55px;
   }
   .info-div-gray h2{
      font-size:  55px !important;
   } */
   body p {
   font-size: 25px;
   line-height: 40px;
}
   body li {
      font-size: 25px !important;
   }
   
   
   .curious-div h2{
      font-size: 40px;
   }
.curious-div p{
   line-height: 22px;
   font-size: 20px;
} 
     .col-md-6.ml-3{
      height: 300px !important;
   } 
   
} 




@media only screen and (min-width: 1900px){
   
 .container{
 width: 1750px !important;
 }
 
 
  .container h2 {
      font-size: 60px;
  }
 .container h3 {
      font-size: 40px;
  }
   
  .container p{
      font-size: 30px;
      margin-top:20px;
      line-height: 50px;
  
  }
 
 .container.text-center.button{
  
  min-width: 800px;
 }
 .contact-button {
  font-size: 60px;
  
 }
 
 .about-button{
  font-size: 35px
 }
 
 .program-button{
  font-size: 45px;
  padding: 15px;
 }
   .discover-button{
      font-size: 30px !important;;
   }
   
   
 
 .container li {
  font-size: 30px;
 }
   
   .info-div-green button{
      font-size: 35px;
      font-weight: normal;
   }
  .info-div-green.coaching-info h2{
    font-size: 60px;
 }
     .info-div-green.coaching-info p{
    font-size: 30px;
    margin-bottom: 50px;
 }
   
   .curious-div h2{
      font-size: 55px;
   }
.curious-div p{
   line-height: 30px;
   font-size: 30px;
}
    .col-md-6.ml-3{
      height: 268px!important;;
   } 
}

 @media only screen and (min-width: 3800px){
 
 
 .container{
 width: 2800px !important;
 }
 
    
  .container h2 {
      font-size: 90px !important;;
  }
 .container h3 {
      font-size: 50px;
  }
  .container p{
      
      font-size: 45px ;
      margin-top:30px;
      line-height: 75px;
  
  }
    .program-images.img-responsive{
       width: 100%;
    }
   
    .img-responsive{
       width: 100%;
       
    }
 .container.text-center.button{
  
  min-width: 800px;
 }
 .contact-button {
  font-size: 60px;
  
 }
 
 .about-button{
  font-size: 60px
 }
    .discover-button {
       font-size: 45px !important;;
    }
 
 .program-button{
  font-size: 45px;
  padding: 15px;
 }
 
 .container li {
  font-size: 45px !important;;
 }
  .info-div-green.coaching-info h2{
    font-size: 90px;
 }

  .col-md-6.ml-3{
      height: 387.983px!important;;
   } 
    
 
 
 }