/* Portrait tablet to landscape and desktop */
@media (min-width: 1200px) { 
    .centredtext{
        padding-left:20%;
            
        padding-right:20%;
    }
}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 1025px) {
 .g1text {
        padding: 40px;
    }


  .mobileholder{
        height: 90vh;
        background-size: cover;
        background-position: center center;
    }
    .col4copy h2{
        margin-top: 30px;
    }  
   
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
     
    .header img,   .closer img{
        height: 15px;
    }
    .modal.left .modal-dialog {

width: 100%;
     max-width: 100%;}
.col4copy h2{
    margin-top: 30px;
    }
     .scroll-group h2{
font-size: .7rem;
}

 .scroll-group h3{
font-size: 0.7rem;
}
 .scroll-group p{
font-size: 0.6rem;
}
    .footer {
        font-size: 0.8rem;
    }
.fp-viewing-our-story   br{
        display: none;
    }
    .herbitwelcome-to-the-next-gineration img, .herbitthe-gin img{
width: 90%;    
}
   .centredtext p{
        font-size: 1.5rem;
        padding: 0px 30px;
        
    }
    .g1text {
        padding: 40px;
    }
   /*      .blog3 h2{
        font-size: 1.5rem;
        padding: 0px 30px;
        
    }*/
    
    .mobileholder{
        height: 90vh;
        background-size: cover;
        background-position: center center;
    }
    .col4copy{
        padding-bottom: 50px;
    }
    
    .fp-tableCell{
      /*  vertical-align: top;*/
    }
    
}

/* Landscape phones and down */
@media (max-width: 480px) {
   #menuModal .nav-link{
        font-size: 1.4rem;
    }
    h1{
                font-size: 1.6rem;

    }
    .header img{
    margin-top: 25px;
}
    .modal img{
    margin-top: 25px;
    margin-right: 25px;
 
}
}

/* short */
@media (max-height: 900px) and (min-width: 1025px) {

.col4copy h2 {
	margin-bottom: 0px;

}
    .col4copy p {
font-size: 16px;
}
     .col4copy {
padding:0px;    }
    
    
    a.wheretobut{
    margin-top: 10px;
    margin-bottom: 0px;
    color:#FFFFFF;
}
}

/*iPhone 8  in landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 

}



/*iPhone 8 plus in landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
}
/*iPad 1 & 2 in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) { }