﻿.Help {
       
    width: 100% !important; 
    overflow-x: hidden !important;
    margin-bottom:55px;
   
}
    .Help p {
        /*padding: 10% 0% 0% 66%;*/ 
        font-family:DINNextLTProMediumCond !important; 
        font-size:64px; 
        color: white;
        padding-left:63%      
    }

.OurMission {
    background-color: #3989c4; 
    width: 100% !important; 
    overflow-x: hidden !important;  
    margin-top: -7px;
}
    .OurMission h4 {
        text-align: center; 
        color: white; 
        padding-top:5%
    }

    .OurMission p {
        color: white; 
        padding: 1% 25% 3% 25%
    }
.btn {
    padding : 0% 45% 3% 45%
}

.OurCollab {
    background: #F0F0E6; 
    /*font-family: DINNextLTProMediumCond !important;*/
    /*margin: -20px 0px;*/ 
    padding: 5% 8%;    
    width: 100% !important;  
    overflow-x: hidden !important;   
    font-size: 48px;
    font-family: DINNextLTProCondensed;  
}

.OurCollab1 {
    background: #122A4A;
    color: white;
    width: 50%;
    float: left;
    padding: 5% 5%;
    display: inline;
    height: 461px;
}

    .OurCollab1 p {
        padding-top:2%;
        font-size:18px;
    }

    .OurCollab1 h1 {       
    text-align: center;
    letter-spacing: -1px;
    font: 48px/1 'DINNextLTProCondensed', Helvetica, sans-serif;
    }

.OurCollab2 {
    float: left;
    display: inline;
    width: 50%;
}

.mobilediv {
        display: none;
    }

.OurPeople {
padding-top:5%;
padding-bottom:5%;
padding-left: 0px !important;
}





@media (max-width: 480px) and (min-width: 320px) {
    .Help p {
        /*padding: 10% 0% 0% 66%;*/ 
        font-family:serif; 
        font-size:26px; 
        color: white      
    }

    .OurCollab {
    background: #F0F0E6; 
    /*margin: -20px 0px;*/ 
    padding: 4%;
    /*height:600px;*/  
    width: 100% !important;  
    overflow-x: hidden !important;     
}

    .OurCollab1 {   
    width: 100%;
    float: left;
    padding: 10% 10%;
    display: inline;
    height: auto;
    }

     .OurCollab1 p {
        padding-top:2%;
    }

    .OurCollab2 {
    float: left;
    display: inline;
    width: 100%;
    }

    .desktopdiv {
        display : none;
    }

    .mobilediv {
        display: block;
    }


}
@media (max-width: 600px) and (min-width: 481px) {
    .Help p {
        /*padding: 10% 0% 0% 66%;*/ 
        font-family:serif; 
        font-size:31px; 
        color: white      
    }

    .OurCollab {
    background: #F0F0E6; 
    /*margin: -20px 0px;*/ 
    padding: 8%;
    /*height:600px;*/  
    width: 100% !important;  
    overflow-x: hidden !important;     
}

    .OurCollab1 {   
    width: 100%;
    float: left;
    padding: 10% 10%;
    display: inline;
    height: auto;
    }

     .OurCollab1 p {
        padding-top:2%;
    }

    .OurCollab2 {
    float: left;
    display: inline;
    width: 100%;
    }

    .desktopdiv {
        display: none;
    }

    .mobilediv {
        display: block;
    }
}
@media (max-width: 766px) and (min-width: 601px) {
    .Help p {
        /*padding: 10% 0% 0% 66%;*/ 
        font-family:serif; 
        font-size:36px; 
        color: white      
    }

    .OurCollab {
    background: #F0F0E6; 
    /*margin: -20px 0px;*/ 
    padding: 8% 13%;
    /*height:600px;*/  
    width: 100% !important;  
    overflow-x: hidden !important;     
}

    .OurCollab1 {   
    width: 100%;
    float: left;
    padding: 10% 10%;
    display: inline;
    height: auto;
    }

     .OurCollab1 p {
        padding-top:2%;
    }

    .OurCollab2 {
    float: left;
    display: inline;
    width: 100%;
    }

    .desktopdiv {
        display: none;
    }

    .mobilediv {
        display: block;
    }
}
@media (max-width: 990px) and (min-width: 767px) {
    .Help p {
        /*padding: 10% 0% 0% 66%;*/ 
        font-family:serif; 
        font-size: 57px; 
        color: white      
    }

    .OurCollab {
    background: #F0F0E6; 
    /*margin: -20px 0px;*/ 
    padding: 8% 13%;
    /*height:600px;*/  
    width: 100% !important;  
    overflow-x: hidden !important;     
}

    .OurCollab1 {   
    width: 565px;
    float: left;
    padding: 10% 10%;
    display: inline;
    height: auto;
    }

    .OurCollab1 p {
        padding-top:2%;
    }

    .OurCollab2 {
    float: left;
    display: inline;
    width: 100%;
    }

    .desktopdiv {
        display: none;
    }

    .mobilediv {
        display: block;
    }

}
@media (max-width: 1024px) and (min-width: 991px) {
    .Help p {
        /*padding: 10% 0% 0% 66%;*/ 
        font-family:serif; 
        font-size:64px; 
        color: white      
    }
    .OurCollab1 {
        height: 384px;
    }

    .OurCollab {        
        padding: 4%;
    }

     .OurCollab1 p {        
        font-size:16px;
    }

}
@media (max-width: 1200px) and (min-width: 1025px) {
    .Help p {
        /*padding: 10% 0% 0% 66%;*/ 
        font-family:serif; 
        font-size:64px; 
        color: white      
    }  
}
@media (max-width: 1400x) and (min-width: 1201px) {
    .OurCollab {
        padding: 9% 14%;
    }    
}
@media (max-width: 1450x) and (min-width: 1401px){
    .OurCollab {        
        padding: 7% 12%;
    } 
    .OurCollab1 {
        height: 446px;
    }    
}
@media (max-width: 1700px) and (min-width: 1451px) {
    .OurCollab {        
        padding: 7% 12%;
    }   
}
@media (max-width: 2000px) and (min-width: 1701px) {
    .OurCollab {        
        padding: 7% 19%;
    }   
}