.col1-two-thirds {
    display: inline-block;
    width: 100%; /*600px;*/
}

.col1-two-thirds.is-left {
    
}

.col-2-one-third {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

@media only screen and (min-width: 620px) {
    .col1-two-thirds {
        display: inline-block;
        margin-right: 1.5625%;
        width: 62.5%; /*600px;*/
        width: 66.1%; /*615px*/
        width: 64.0625%;
        width: 67.1875%;
        width: 65.625%;
        width: 66%;
    }

        .col1-two-thirds.is-left {
            margin-right: 3.125%; /*30px*/
        }

    .col-2-one-third {
        display: inline-block;
        vertical-align: top;
        width: 32.29166666666667%; /*310px*/
        max-width: 300px;
    }
}

.col1-half {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.col2-half {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

@media only screen and (min-width: 500px) {
    .col1-half {
        margin-right: 3.125%; /*30px*/
        width: 46.875% /*450px*/;
    }

    .col2-half {
        width: 46.875% /*450px*/;
    }
}





.co11-narrow {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.col1-medium {
    display: inline-block;
    width: 100%;
    vertical-align: top;    
}

.col2-medium {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.co12-middle {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.co13-medium {
    vertical-align: top;
    display: inline-block;
    width: 100%;
}

@media only screen and (min-width: 660px) {
    .co11-narrow {
        margin-right: 15px;
        margin-right: 1.5625%;
        width: 20.83333333333333%;
    }

    .col1-medium {
        margin-right: 16px;
        margin-right: 1.5625%;
        width: 31.97916666666667%;
    }

    .col2-medium {
        margin-right: 15px;
        margin-right: 1.5625%;
        width: 307px;
        width: 31.97916666666667%;
    }

    .co12-middle {
        margin-right: 15px;
        margin-right: 1.5625%;
        width: 415px;
        width: 43.22916666666667%;
    }

    .co13-medium {
        width: 300px;
        width: 31.25%;
    }
}

@media only screen and (min-width: 960px) {
    .co11-narrow {
        margin-right: 15px;
        width: 200px;
    }

    .col1-medium {
        margin-right: 16px;
        width: 307px;
    }

    .col2-medium {
        margin-right: 7px;
        width: 307px;
    }

    .co12-middle {
        margin-right: 7px;
        width: 415px;
    }

    .col3-medium {
        width: 300px;
    }
}

@media only screen and (min-width: 967px) {
    .col2-medium {
        margin-right: 15px;
    }
    
     .co12-middle {
        margin-right: 15px;
    }
}









.grid-column > h1.grid-column-header {
    margin-bottom: 10px;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: left;
    color: #fff;
}

.grid-column > h1.grid-column-header.is-news {
    background-color: #ba1a56;
    background-color: #000;
    background-color: #762b90;
}

.grid-column > h1.grid-column-header.is-review {
    background-color: #4682b4;
    background-color: #da532c;
    background-color: #FFBF00;
}

.grid-column > h1.grid-column-header.is-competition {
    background-color: #229495;
    background-color: #5bbad5;
    background-color: #01B600;
}

.grid-column > .more {
    display: inline-block;
    padding: 10px;
    width: 100%;
    background-color: #fff;
    text-align: center;
    color: #ba1a56;
    color: #762b90;
}

.grid-column > .more.is-reviews {
    float: left;
    width: 30%;
}

.grid-column > .more.is-reviews:last-of-type {
    width: 20%;
}

.grid-column > .more.is-reviews-header {
    width: 20%;
}

.grid-column > .more:hover {
    background-color: #e5e5e5;
    color: #ba1a56;
    color: #5e1d75;
}