@media all and (max-width: 768px) {

    #av-projects {
        padding-left: 4vw;
        padding-top: 5.2vw;
        padding-bottom: 4vw;
        /*opacity: 0.5;*/
    }

    #av-projects .items .item {
        width: 90vw;
        float: left;
        margin-right: 1.75vw;
        margin-bottom: 3.75vw;
        background-image: url('layout/go-inactive.png');
        background-size: 3.33333333333333vw 3.33333333333333vw;
        background-position: 35.35vw 20.8vw;
        box-shadow: 0px 0.520833333333333vw 2.60416666666667vw rgba(0, 0, 0, 0.1);
    }

    #av-projects .items .item .image img {
        width: 100%;
        /*height: 12.34375vw;*/
    }

    #av-projects .items .item .title {
        font-size: 4.5vw;
        padding-top: 1.7vw;
        padding-left: 2.5vw;
        padding-right: 4.5vw;
        line-height: 4.75vw;
        color: black;
        margin-bottom: 2vw;
    }

    #av-projects .items .item a:hover .title,
    #av-projects .items .item a:active .title {
        text-decoration: underline;
    }

    #av-projects .items .item .date {
        color: #C6C8D1;
        font-size: 5.2vw;
        font-weight: bold;
        padding-left: 2.6vw;
        margin-bottom: 2vw;
    }

    #av-projects .loadmore-container {
        clear: both;
        padding-top: 4vw;
    }

    #av-projects .loadmore {
        margin-top: 1.8vw;
        margin-bottom: 5.8vw;
        margin-left: 23.8vw;
    }

}