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

    #av-questionnaires {
        padding-left: 4vw;
        padding-right: 4vw;
        padding-top: 4vw;
        padding-bottom: 5vw;
    }

    #av-questionnaires .intro {
        font-size: 3.5vw;
        padding-top: 4vw;
        padding-bottom: 2vw;
    }

    #av-questionnaires .items {
        padding-top: 2.8vw;
    }

    #av-questionnaires .items .item {
        padding: 2vw;
        padding-bottom: 1vw;
        padding-top: 1vw;
        margin-bottom: 3vw;
        box-shadow: 0px 1.25vw 1.82291666666667vw rgba(0, 0, 0, 0.05);
    }

    #av-questionnaires .items .item a .title {
        color: black;
        font-size: 4vw;
        font-family: ruberoid_boldbold;
    }

    #av-questionnaires .items .item a .link {
        background-image: url('layout/icon-download-inactive.png');
        background-size: calc(3 * 1.25vw) calc(3 * 1.35416666666667vw);
        background-position: left;
        padding-left: 6vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        color: black;
    }

    #av-questionnaires .items .item a:hover .link,
    #av-questionnaires .items .item a:active .link {
        color: #092EFF;
        background-image: url('layout/icon-download.png');
    }

    #av-questionnaires .items .item a:hover .title,
    #av-questionnaires .items .item a:active .title {
        color: #092EFF;
    }



}