/* .header_section{
    background-image: url('assets/about/images/about.jpg');
} */
@font-face {
    font-family: 'proxima_novabold';
    src: url('proxima_nova_bold-webfont.woff2') format('woff2'),
         url('proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular';
    src: url('proximanova-regular-webfont.woff2') format('woff2'),
         url('proximanova-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*===============about body css start===================*/
.body_content .about_desc{
    font-weight: bold;
    padding: 20px 18px;
    /* font-family: 'proxima_novaregular'; */
}
.about_head .h1{
    color: #a9a8a8;
}
.about_head{
    padding-left: 90px;
}
.about_content{
    width: 100%;
    max-width: 800px;
    margin: 24px auto;
    /* height: 380px; */
    font-family: 'proxima_novaregular';
    color: gray;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: center;
    padding: 30px 0 70px 0;
    /* box-shadow: 0px 1px 11px 2px grey; */
}
.body_content{
    padding: 20 0 50px 0;
}
.aboutus_head{
    color: gray;
    text-transform: capitalize;
    font-family: 'proxima_novabold';
    margin: 15px 0;
}
.team_sections{
    color: #505050;
    font-family: 'proxima_nova_altbold';
}
.first_img, .second_img{
    width: 240px;
    height: 320px;
    margin: 0 auto;
}
.first_img img, .second_img img{
    width: 100%;
    height: 100%;
}
/* .first_desc p, .second_desc p, .first_desc a, .second_desc a{
    float: left;
} */
.first_desc p, .second_desc p{
    padding: 14px 0;
    font-size: 18px;
    font-weight: 500;
}
.first_desc a i, .second_desc a i{
    font-size: 22px;
    background: #0ba4de;
    color: white;
    padding: 1px 3px;
    border-radius: 2px;
}
.first_desc a, .second_desc a{
    margin: 0 10px;
}
.team_head .h1{
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
}
/*===============about body css end===================*/
@media (max-width: 399px){
    .aboutus_head .h1{    
        font-size: 24px;
    }
    
  }

@media screen and (max-width: 400px){
    .about_content{
        padding: 0;
        margin: 0;
    }
    .aboutus_head{
        margin: 0;
        padding-left: 0;
    }
    .aboutus_head .h1{
        font-size: 25px;
    }
    .about_desc p{
        font-size: 15px;
    }
  
}
@media (min-width: 401px) and (max-width: 576px){
    .aboutus_head .h1{    
        font-size: 29px;
    }
    .about_content{
        margin: 0;
        padding: 0;
    }
    .aboutus_head{
        margin: 0;
    }
  }