@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800;900&family=Open+Sans:wght@400;500;700;800&display=swap');
.font-weight-bold {
  font-weight:800;
}

.mx-auto {
  margin: auto !important;
}
.bg-white{
  background-color: #fff;
}
#meet1 {
background-image: url("https://cdn.truegcloud.com/truegenics/website/meettruegenics.png");
background-color: #cccccc;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

#meet1 div{
min-height: 380px;
width: 80%;
}

#meet1 h2{
text-align: left;
font-family: 'Montserrat', sans-serif;
font-size:48px;
letter-spacing: 0.05px;
color: #000000;
font-weight:800;
}

#meet1 h4{
text-align: left;
font-family: Arial, sans-serif;
font-size:20px;
letter-spacing: 2px;
color: #4D8C40;
font-weight:800;
padding-top: 140px;
}

#meet2 h2, #meet3 h2, #meet5 h2, #meet6 h2{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:32px;
letter-spacing: 0px;
color: #0E4603;
font-weight:800;
margin-bottom:0px;
}


#meet2 h3, #meet3 h3, #meet5 h3,  #meet6 h3{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:26px;
letter-spacing: 0px;
color: #000000;
font-weight:600;
margin-top:10px;
padding-bottom: 20px;
}

#meet2 h4, #meet3 h4, #meet5 h4,  #meet6 h4{
text-align: center;
font-family: Arial, sans-serif;
font-size:20px;
letter-spacing: 2px;
color: #6AC334;
font-weight:800;
padding-top: 30px;
padding-bottom:10px;
}


#meet2 p, #meet3 p, #meet5 p,  #meet6 p{
font-family: Arial, sans-serif;
font-size:18px;
text-align: center;
letter-spacing: 0px;
color: #000000;
line-height: 1.2;
margin-bottom: 25px;
}

#meet3, #meet5{
  background-color:#EEEEEE;
  padding:20px 0px;
}

#meet4{
background-image: url("https://cdn.truegcloud.com/truegenics/website/TG-meet4.png");
background-color: #cccccc;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
  min-height: 450px;
}
#meet6 {
  padding:30px 10px;
}

#meet6 h1{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:60px;
letter-spacing: 0.05px;
color: #4D8C40;
font-weight:800;
}
@media screen and (min-width: 1200px) {
 
  #dep h2, #dep2 h2{
    text-align:left;
    margin: 20px 0px;
    font-size: 28px;
  } 
  
  #dep p, #dep2 p{
    text-align:left;
  } 
 #meet3 p,  #meet5 p{
margin-bottom:35px;
  }

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 and (-webkit-min-device-pixel-ratio: 1) {
   
#meet1 div{
width: 100%;
}
   
   
 #meet1 {
background-image: url(https://cdn.truegcloud.com/truegenics/website/meettruegenics.png);
background-color: #cccccc;
background-repeat: no-repeat;
    background-size: auto;
    background-position: left;
    max-height: 150px;
} 
   

#meet1 h2{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:36px;
letter-spacing: 0.05px;
color: #000000;
font-weight:800;
  padding-bottom:30px;
}

#meet1 h4{
text-align: center;
font-size:16px;
padding-top: 30px;
}  
   #meet2 p, #meet3 p, #meet5 p, #meet6 p {
    padding: 0 15px;
}
   
   #dep h2, #dep2 h2{
  text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    letter-spacing: 0px;
    color: #0E4603;
    font-weight: 800;
    margin: 10px auto;
}
   #dep p, #dep2 p {
    font-family: Arial, sans-serif;
    font-size: 16px;
     letter-spacing: -0.25px;
    margin-bottom: 5px;
    line-height: 1.1;
    padding: 0px;
   }
}
@media screen and (max-width: 768px) {

#meet1 div{
min-height: 150px;
width: 100%;
}
 #meet1 {
background-image: url(https://cdn.truegcloud.com/truegenics/website/meettruegenics.png);
background-color: #cccccc;
background-repeat: no-repeat;
/*background-size: auto 100%;*/
background-size: cover;
background-position: left;
} 

#meet1 h2{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:36px;
letter-spacing: 0.05px;
color: #000000;
font-weight:800;
  padding-bottom:30px;
}

#meet1 h4{
text-align: center;
font-size:16px;
padding-top: 30px;
}  
#meet2 h2{
font-size:28px;
margin-bottom:10px;
}


#meet2 h3{
font-size:22px;
margin-top: 10px;
padding-bottom: 15px;
}

#meet2 h4{
font-size:16px;
padding-top: 20px;
padding-bottom: 0;
}
  
#meet2 p, #meet3 p, #meet5 p, #meet6 p {
font-family: Arial, sans-serif;
font-size: 18px;
padding: 0px 15px;
  margin-top:20px;
}
#meet2 img{
max-height:180px;
}
  
  
#meet4{
background-image: url("https://cdn.truegcloud.com/truegenics/website/TG-meet4.png");
background-color: #eeeeee;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
  min-height: 150px;
}
  
#meet2 h2, #meet3 h2, #meet5 h2, #meet6 h2 {
font-size:28px;
  }
}