/* about-1 */

#av-about-1 {
    background-color: #000B3B;
    background-image: url('about/block1-logo.png');
}

#av-about-1 h1 {
    color: white;
}

#av-about-3 {
    background-color: #464E7D;
    color: white;
}

/* desktop-only rules */

@media all and (min-width: 769px) {

    /* about-1 */

    #av-about-1 {
        background-size: 22.2395833333333vw 15.2604166666667vw;
        background-position: 6vw 12.5vw;
        height: 31.25vw;
    }

    #av-about-1 h1 {
        position: absolute;
        font-size: 2.2vw;
        padding-top: 6.4vw;
        padding-left: 8.5vw;
    }

    #av-about-1 .breadcrumbs {
        position: absolute;
        margin-top: 11.34vw;
        margin-left: 8.5vw;
    }

    #av-about-2 {
        /*height: 56.5vw;*/
        padding-bottom: 3vw;
    }

    #av-about-2 .intro {
        position: absolute;
        padding-top: 4vw;
        padding-left: 8.5vw;
        width: 74.6vw;
        height: 20.75vw;
        font-weight: bold;
        font-size: 1.2vw;
        line-height: 1.7vw;
    }

    #av-about-2 .intro .text {
        display: block;
        height: 100%;
        background-color: #F8F8FA;
        padding-left: 2.6vw;
        padding-top: 1.8vw;
        padding-right: 46vw;

    }

    #av_about_photo_1 {
        width: 23.8020833333333vw;
        height: 26.0416666666667vw;
        position: absolute;
        margin-top: 7vw;
        margin-left: 42.4vw;
    }

    #av_about_photo_2 {
        width: 23.9583333333333vw;
        height: 26.0416666666667vw;
        position: absolute;
        margin-top: 11.8vw;
        margin-left: 67.70vw;
    }

    #av-about-2 .activities {
        padding-top: 33.9vw;
        padding-left: 8.4vw;
    }

    #av-about-2 h3 {
        margin: 0px;
        font-size: 2.3vw;
        line-height: 2.7vw;
        padding-right: 70vw;
        padding-bottom: 2vw;
    }

    #av-about-2 ul {
        /*position: absolute;*/
        /*padding-top: 40.2vw;*/
    }

    #av-about-2 .left {
        float: left;
    }

    #av-about-2 .right {
        float: left;

    }

    #av-about-2 ul li {
        background-image: url('about/bullet.png');
        background-size: 0.625vw 0.625vw;
        background-position: 0px 0.2vw;
        padding-left: 2vw;
        width: 26.5vw;
        margin-right: 8vw;
        margin-bottom: 2vw;
        font-size: 0.85vw;
    }

    #av-about-3 {
        padding-top: 4.5vw;
        padding-bottom: 4.5vw;
        padding-left: 8.5vw;
        padding-right: 8.5vw;
    }

    #av-about-3 p {
        font-size: 2.2vw;
        font-weight: bold;
    }

    #av-about-4 {
        padding-bottom: 6vw;
    }

    #av-about-4 .sections .av4-section {
        display: none;
    }

    #av-about-4 .sections .av4-section:first-child {
        display: block;
    }

    #av-about-4 ul.tabs {
        margin: 0px;
        padding: 0px;
        padding-left: 8.5vw;
    }

    #av-about-4 ul.tabs li {
        float: left;
        text-transform: uppercase;
        font-size: 1.11vw;
        font-weight: bold;
        margin-right: 5.8vw;
        padding-top: 3vw;
        padding-bottom: 2.3vw;
    }

    #av-about-4 ul.tabs li.active {
        border-bottom: 0.15vw solid #092EFF;
    }

    #av-about-4 ul.tabs li a {
        color: black;
    }

    #av-about-4 .av4-section {
        margin-left: 8.5vw;
        width: 82.8vw;
        padding-top: 1.6vw;
        padding-bottom: 1.6vw;
        background-color: #F9F9FA;
    }

    #av-about-4 .av4-section img {
        float: left;
        margin-left: 6.5vw;
        margin-right: 8.7vw;
        width: 18vw;
    }

    #av-about-4 .av4-section .block-content {
        float: left;
        width: 49vw;
    }

    #av-about-4 .av4-section h2 {
        display: none;
    }

    #av-about-4 .av4-section h3 {
        margin: 0px;
        margin-top: 0px;
        font-size: 2.15vw;
        padding-top: 0.8vw;
        padding-bottom: 0vw;
    }

    #av-about-4 .av4-section p {
        width: 93%;
        font-size: 0.85vw;
        line-height: 1.3vw;
        margin-bottom: 1.2vw;

    }

}