/*  GRID OF FOUR   ============================================================================= */


.span_4_of_4 {
    width: 100%;
    font-size: 1.8vmin;
}

.span_3_of_4 {
    width: 74.6%;
    font-size: 1.8vmin;
}

.span_2_of_4 {
    width: 49.2%;
    font-size: 1.8vmin;
}

.span_1_of_4 {
    width: 22.8%;
    font-size: 1.2vmin;
    padding: 1%;
}

    .span_1_of_4 img {
        margin: 0 auto;
    }

    .span_1_of_4 a {
        text-decoration: none;
        font-size: 1.8vmin;
    }

        .span_1_of_4 a img {
            margin: 0 auto;
        }

        .span_1_of_4 a:hover {
            opacity: .7;
            color: transparent;
            text-shadow: #333 2px 2px 2px;
        }

.divls {
    text-align: left;
    line-height: 1.5em;
}

    .divls a {
        font-size: 1.2vmin;
    }

/******************************  GO FULL WIDTH AT LESS THAN 767 PIXELS ****************************/
@media only screen and (max-width : 767px) {
    .span_4_of_4 {
        width: 100%;
    }

    .span_3_of_4 {
        width: 100%;
    }

    .span_2_of_4 {
        width: 100%;
    }

    .span_1_of_4 {
        width: 100%;
        padding: 5% 0;
        line-height: 4em;
    }

        .span_1_of_4 a {
            font-size: 3.2vmin;
        }
}