/*========================================
    Bootstrap 3 Media Queries
========================================*/

/*

col-xs (extra small) smaller than 768px will appear with the reserved value.

col-sm (small) bigger than or equal 768px will appear with the reserved value but smaller than 768px will be alone in new line.

col-md (medium) bigger than or equal 992px will appear with the reserved value but smaller than 992px will be alone in new line.

col-lg (large) bigger than or equal 1200px will appear with the reserved value but smaller than 1200px will be alone in new line.

*/

/* Large devices (large desktops & laptops, 1200px and up) */
@media (min-width: 1200px) { 
}

/* Medium devices (landscape tablets & medium desktops, from 992px to 1199px) */
@media (min-width: 992px) and (max-width:1199px) { 
    #aboutPage .aboutImageText .aboutImageTextInner .aboutImage {
        height: 450px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment:unset;
    }
}

/* Small devices (portrait tablets & small desktops, from 768px to 991px) */
@media (min-width: 768px) and (max-width:991px) { 
    #aboutPage .aboutImageText .aboutImageTextInner .aboutImage {
        height: 400px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment:unset;
        
    }
}

/* Extra small devices (landscape phones & portrait tablets, 767px and down) */
@media (max-width:767px) { 

    #aboutPage .aboutHeader .aboutHeaderInner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #aboutPage .aboutHeader h1{
        font-size: 30px;
    }

    #aboutPage .aboutImageText .aboutImageTextInner .aboutImage {
        height: 300px;
    }

    #aboutPage .aboutImageText .aboutText {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #aboutPage .aboutImageText .aboutText h2 {
        font-size: 24px;
    }

    #aboutPage .aboutImageText .aboutText p {
        font-size: 14px;
    }

    #aboutPage .aboutImageText .aboutText h3 {
        font-size: 20px;
    }

    #aboutPage .aboutImageText .aboutText p span{
        font-size: 18px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    #aboutPage .aboutContactInner a {
        font-size: 18px;
    }

    #aboutPage .aboutContactInner h3 {
        font-size: 18px;
    }

    #aboutPage .aboutContactInner{
        padding-bottom: 60px;
    }

    #aboutPage .aboutImageText .aboutImageTextInner .aboutImage {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment:unset;
        
    }

}