@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');
@import url("https://use.typekit.net/dhb7nit.css");

.text-white {color:#ffffff;}
.border-success {color:#6AC334 !important;}
.bg-green{background:#4D8C40 !important}

#brands1 {
background-image: url("http://truegenics.com/images/tg/brandsrtruegenics.png");
background-color: #cccccc;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height:400px;
padding-bottom:20px;
}


#brands1 div{
  width:80%;
}

#brands1 h1{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:60px;
letter-spacing: 0.05px;
color: #4D8C40;
font-weight:800;
}
#brands1 h2{
text-align: left;
font-family: 'Montserrat', sans-serif;
font-size:40px;
letter-spacing: 0.05px;
color: #000000;
font-weight:800;
}

#brands1 h3{
text-align: left;
font-family: 'Montserrat', sans-serif;
font-size:24px;
letter-spacing: 0.5px;
  line-height:1.2;
color: #000000;
font-weight:600;
margin-top:15px;
padding-bottom: 5px;
}
#brands1 h4{
text-align: left;
font-family: Arial, sans-serif;
font-size:20px;
letter-spacing: 2px;
color: #4D8C40;
font-weight:800;
padding-top: 35px;
text-transform:uppercase;
}
#brands1 p{
font-family: Arial, sans-serif;
font-size:16px;
text-align: center;
letter-spacing: 0px;
color: #000000;
line-height: 1.2;
margin-bottom: 10px;
}

#brands2, #brands4{
  padding-top:25px;
}
#brands2 .homebutton{
    margin: 5pt auto;
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border-radius: 40px;
    border: 3px solid #6AC334;
    display: inline-block;
    cursor: pointer;
    color: #6AC334;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
}

#brands2 .homebutton2{
    margin: 5pt auto;
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border-radius: 40px;
    border: 3px solid #BCBCBC;
    display: inline-block;
    cursor: pointer;
    color: #BCBCBC;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
}

#brands2 h2, #brands3 h2, #brands4 h2, #brands5 h2{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:32px;
letter-spacing: 0px;
color: #0E4603;
font-weight:800;
margin-bottom:10px;
}
#brands3 h3{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:18px;
letter-spacing: 0px;
color: #000000;
font-weight:800;
margin-top:10px;
  text-decoration:uppercase;
}

#brands2 h3, #brands4 h3, #brands5 h3,  #brands6 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: 10px;
}

#brands2 h4, #brands3 h4,  #brands4 h4, #brands5 h4,  #brands6 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;
}


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

#brands5 p{
font-family: Arial, sans-serif;
font-size:18px;
text-align: center;
letter-spacing: 0.5px;
color: #ffffff;
line-height: 1.2;
margin-bottom: 25px;
}
#brands3 {
  background-color:#EEEEEE;
  padding:20px 0px;
}


#brands5 {
  background-color:#4D8C40;
  padding:20px 0px;
  color:white !important;
}

#brands5 h1{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:56px;
letter-spacing: 0.5px;
font-weight:800;
}
#brands4 p{
font-family: Arial, sans-serif;
font-size:18px;
text-align: center;
letter-spacing: 0px;
color: #000000;
line-height: 1.2;
margin: 25px auto;
}

#brands4 img {
  width:150px;
}
#brands6{
  background-color: #4D8C40;
  padding: 15px 0px 30px;
}


#brands7{
background-image: url("http://truegenics.com/images/tg/brandstg.png");
background-color: #cccccc;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
  min-height: 450px;
}
#brands5 , #brands8{
  padding: 15px 0px;
}

#brands6 {
  padding:30px 10px;
}

#tgtesti .row{
  margin-bottom:40px !important;
}

@media screen and (min-width: 1200px) {
 #brands1 h2{
text-align: left;
font-family: 'Montserrat', sans-serif;
font-size:38px;
letter-spacing: 0.05px;
color: #000000;
font-weight:800;
}

 #brands3 p, #brands4 p{
margin-bottom:35px;
  }

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 and (-webkit-min-device-pixel-ratio: 1) {
    #brands1 {
    background-image: url(http://truegenics.com/images/tg/brandsrtruegenics.png);
    background-color: #cccccc;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 340px;
    padding-bottom: 20px;
   }
  #brands1 div {
    width: 100%; 
}
#brands1 h1{
text-align: center;
}

#brands1 h2{
text-align: center;
  font-size: 35px;
}

#brands1 h3{
text-align: center;
  }
#brands1 h4{
text-align: center;
}  
   #brands5 h1 {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
   }
   
   #brands5 p {
    font-family: Arial, sans-serif;
    font-size: 16px;
   }
}
@media screen and (max-width: 768px) {

#brands1 div{
width: 100%;
  margin: 0 auto;
      padding-bottom: 10px;
}
  
  #brands1 {
background-image: url("http://truegenics.com/images/tg/brandsrtruegenics.png");
background-color: #cccccc;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height:400px;
padding-bottom:10px;
}
  
#brands1 h1{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:50px;
letter-spacing: 0.05px;
color: #4D8C40;
font-weight:800;
}

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

#brands1 h3{
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size:20px;
  }
#brands1 h4{
text-align: center;
font-size:16px;
padding-top: 30px;
}  
  #brands1 p{
font-family: Arial, sans-serif;
font-size:16px;
text-align: center;
letter-spacing: 0px;
color: #000000;
line-height: 1.2;
margin-bottom: 10px;
}
#brands2 h2{
font-size:28px;
margin-bottom:10px;
}


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

  #brands2 h3, #brands3 h3, #brands4 h3, #brands5 h3, #brands6 h3 {
    padding-bottom:0px;
  }
#brands2 h4{
font-size:16px;
padding-top: 20px;
padding-bottom: 0;
}
  
#brands2 p{
font-family: Arial, sans-serif;
font-size: 22px;
padding: 0px 15px;
  margin:0px;
}
#brands2 img{
max-height:180px;
}
  
#brands4 img {
  width:200px;
}
  #brands2 h4, #brands3 h4, #brands4 h4, #brands5 h4, #brands6 h4 {
    padding-top:10px;
  }
  
#brands4 p{
font-family: Arial, sans-serif;
font-size:22px;
text-align: center;
letter-spacing: 0px;
color: #000000;
line-height: 1.2;
margin: 10px auto 20px;
}
   #brands3 p, #brands4 p{
margin-bottom:20px;
  }
#brands2 h2, #brands3 h2, #brands4 h2,  #brands5 h2, #brands6 h2, #brands8 h2 {
font-size:28px;
  }
  
#brands6 h4 {
    padding-top: 0px;
  }
}