/*
    photos row width is 1432px in sketch
    height is 425px

    square images are 457px width
    horizontal are 620px
    vertical are 295px

    margins are 30px

 */

/* desktop-only rules */

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

    #av-project {
        margin-bottom: 7vw;
    }

    #av-project .info {
        margin-left: 17vw;
        margin-top: 4vw;
        margin-right: 8vw;
    }

    #av-project .info .usage {
        float: left;
        width: 34vw;
    }

    #av-project .info .object {
        float: right;
        width: 31.9vw;
    }

    #av-project .info .title {
        font-weight: bold;
        font-size: 1vw;
        color: #464E7D;
        margin-bottom: 1vw;
        font-family: 'ruberoid_boldbold';
    }

    #av-project .info .text {
        font-size: 0.85vw;
        line-height: 1.2vw;
        margin-bottom: 7.1vw;
    }

    #av-project .sections .section {
        margin-left: 17vw;
        margin-bottom: 2.3vw;
    }

    #av-project .sections .section .title {
        color: #C6C8D1;
        font-size: 0.85vw;
        position: absolute;
        transform: rotate(270deg);
        width: 22.1354166666667vw;
        margin-left: -16vw;
        margin-top: 10.5vw;
    }

    #av-project .sections .section .photo {
        float: left;
        margin-right: 1.5625vw;
    }

    #av-project .sections .section .photo img {
        height: 22.1354166666667vw;
    }

    #av-project .sections .section .photo.orientation1 img {
        width: 32.2916666666667vw;
    }

    #av-project .sections .section .photo.orientation2 img {
        width: 15.3645833333333vw;
    }

    #av-project .sections .section .photo.orientation3 img {
        width: 23.8020833333333vw;
    }

}