@media only screen and (min-width: 0) {
    div.linkBlock_odd {
        width     : 100%;
        float     : left;
        margin-top: 1em;
    }

    div.linkTitle_odd {
        width      : 60%;
        margin-left: 20%;
        float      : left;
        display    : none;
    }

    div.linkBlockBlock_odd {
        width        : 100%;
        float        : left;
        height       : 100%;
        margin-bottom: 1em;
    }

    div.linkBlockTitle_odd {
        width        : 100%;
        border-bottom: 1px solid #DDD;
        position     : relative;
    }

    div.linkBlockTitle_odd img {
        display: none;
    }

    div.linkBlockTitle_odd h3 {
        border-bottom: 1px solid rgb(0, 75, 119);
        position     : relative;
        bottom       : -1px;
        padding-right: .5em;
        font-size    : 1.5em;
        color        : rgb(145, 70, 198);
    }

    div.linkBlockTitle_odd span {
        display: none;
    }

    ul.linkBlockContent_odd {
        list-style : none;
        width      : 100%;
        float      : left;
        margin-top : 10px;
        font-size  : .9em;
        font-weight: 300;
    }

    ul.linkBlockContent_odd li {
        float  : left;
        width  : 100%;
        padding: 5px 0;
    }

    ul.linkBlockContent_odd li::before {
        content: none;
    }

    ul.linkBlockContent_odd li video,
    ul.linkBlockContent_odd li audio {
        max-width: 100%;
    }

    ul.linkBlockContent_odd li a {}

    ul.linkBlockContent_odd video,
    ul.linkBlockContent_odd audio {
        max-width: 100%;
    }

    ul.linkBlockContent_odd li.img {
        width        : 100%;
        height       : auto;
        margin-bottom: 10px;
    }

    ul.linkBlockContent_odd li.img::before {}

    ul.linkBlockContent_odd li.img a {
        display         : inline-block;
        position        : relative;
        float           : left;
        width           : 100%;
        background-color: #414141;
        transition      : linear 150ms;
    }

    ul.linkBlockContent_odd li.img a:hover {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
        font-size : 1.1em;
    }

    ul.linkBlockContent_odd li.img a::before {
        content    : "";
        display    : block;
        padding-top: 75%;
    }

    ul.linkBlockContent_odd li.img a img {
        position       : absolute;
        top            : 0;
        left           : 0;
        width          : 100%;
        height         : 100%;
        object-fit     : contain;
        object-position: 50% 50%;
    }

    ul.linkBlockContent_odd li.img a>label {
        display   : inline-block;
        width     : 100%;
        height    : 100%;
        position  : absolute;
        left      : 0;
        top       : 0;
        background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8));
    }


    ul.linkBlockContent_odd li.img a>label>label {
        display  : inline-block;
        width    : calc(100% - 10px);
        padding  : 0 5px;
        position : absolute;
        left     : 0;
        bottom   : 0;
        font-size: 1.2em;
        color    : white;
    }
}

@media (min-width:1000px) {

    ul.linkBlockContent_odd li,
    ul.linkBlockContent_odd li.img {
        width  : calc(20% - 10px);
        padding: 5px;
    }
}