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

    /* news */

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

    #av-news .items .item {
        width: 90vw;
        float: left;
        margin-right: 1.75vw;
        margin-bottom: 3.75vw;
        box-shadow: 0px 0.520833333333333vw 2.60416666666667vw rgba(0, 0, 0, 0.1);
    }

    #av-news .items .item .image img {
        width: 100%;
    }

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

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

    #av-news .items .item .date {
        color: #C6C8D1;
        font-size: 4.2vw;
        padding-left: 2.6vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }

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

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

    /* news-entry */

    #av-news-entry {
        padding-top: 8vw;
        padding-left: 4vw;
        padding-right: 4vw;
        padding-bottom: 8vw;
    }

    #av-news-entry .date {
        color: #C6C8D1;
        margin-bottom: 6vw;
    }

    #av-news-entry .image {
        margin-top: 6vw;
    }

    #av-news-entry .image img {
        width: 100%;
    }

}