@import "fonts.css";
#goals h5{
    line-height: 3em;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 640px) {
    #office-BG{
        top: 0px;
        padding:0;
        margin:0;
    }
    #founder{
        display:none;
    }
    .aboutcontent{
        padding-top: 40px;
    }
    #about-cont {
        margin-top:30px;
    }
    #about-cont div{
        text-align: right;
        padding: 25px;
    }
    #about-cont p{
        line-height: 2em;
    }
    #about-cont h6{
        line-height: 2em;
    }
    
    .pros {
        margin-top:100px;
        text-align: center; 
    }
    .pros p{
        padding:25px 10px;
        line-height: 2em;
        text-align: center; 
    }
    .pros-last {
        margin-bottom:100px;
    }
}













@media only screen and (min-width: 641px) and (max-width:1023px) {
    #office-BG{
        width: 100%;
        padding:0;
        margin:0;
    }
    #founder{
        display:none;
    }
    .aboutcontent{
        padding-top: 40px;
    }
    #about-cont {
        margin-top:30px;
    }
    #about-cont div{
        text-align: right;
        padding: 25px;
    }
    #about-cont p{
        line-height: 2em;
    }
    #about-cont h6{
        line-height: 2em;
    }
    .pros {
        margin-top:100px;
        text-align: center; 
    }
    .pros p{
        padding:25px 10px;
        line-height: 2em;
        text-align: center; 
    }
    .pros-last {
        margin-bottom:100px;
    }
} 




@media only screen and (min-width: 1024px) and (max-width:1279px) {
    #office-BG{
        height: 580px;
        top: 0px;
        padding:0;
        margin:0;
    }
    .aboutcontent{
        padding-top: 70px;
    }
    #about-cont {
        margin-top:30px;
    }
    #about-cont div{
        text-align: right;
        padding: 25px;
    }
    #about-cont p{
        line-height: 2em;
    }
    #about-cont h6{
        line-height: 2em;
    }
    .pros {
        margin-top:100px;
        text-align: center; 
    }
    .pros p{
        padding:25px 10px;
        line-height: 2em;
        text-align: center; 
    }
    .pros-last {
        margin-bottom:100px;
    }
} 








/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1280px) {
    #office-BG{
        height: 750px;
        bottom:-15px;
        padding:0;
        margin:0;
    }
     #office-BG img{
         height: 750px;
        width:100%;
     }
    .aboutcontent{
        padding-top: 70px;
    }
    #about-cont {
        margin-top:30px;
    }
    #about-cont div{
        text-align: right;
        padding: 25px;
    }
    #about-cont p{
        line-height: 2em;
    }
    #about-cont h6{
        line-height: 2em;
    }
    .pros {
        margin-top:100px;
        text-align: center; 
    }
    .pros p{
        padding:25px 10px;
        line-height: 2em;
        text-align: center; 
    }
    .pros-last {
        margin-bottom:100px;
    }
    
    
    
    
    
    

}