.grid-contentbox {
    width: 100%;
    height: 100%;
}

.grid {
    display: block;
    clear: both;
    width: 100%;
    /*margin-bottom: 0;*/
}

.grid-item, .grid-item {
    width: 100%;
    /*height: 300px;*/
    display: block;
}

.grid-item .contentbox div > :first-of-type {
    margin-top: 0;
}

.grid-item p:last-of-type {
    margin-bottom: 0;
}

.grid-item .contentbox {
    height: 100%;
}


@media (min-width: 0) {
    .grid-2-item, .grid-2-3-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .grid-4-item {
        margin-bottom: 50px;
    }

    .grid-2-item.first .contentbox, .grid-2-3-item.first .contentbox {
        margin-right: 0;
    }

    .grid-2-item.last .contentbox, .grid-2-3-item.last .contentbox {
        margin-left: 0;
    }

    .grid-3-item {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 560px) {
    .grid-2-item, .grid-4-item {
        width: 50%;
        float: left;
    }

		.grid-4-item:nth-of-type(2n+1) {
			clear: both;
		}

    .grid-2-item {
        margin-bottom: 0;
    }

    .grid-2-item.first .contentbox, .grid-4-item .contentbox {
        margin-right: 10px;
    }

    .grid-2-item.last .contentbox, .grid-4-item.last .contentbox {
        margin-left: 10px;
    }

    .grid-4-item.last .contentbox {
        margin-left: 10px;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .grid-3-item {
        width: 33.333333%;
        float: left;
    }

    .grid-3-item.first .contentbox {
        margin-right: 10px;
    }

    .grid-3-item.middle .contentbox {
        margin-left: 10px;
        margin-right: 10px;
    }

    .grid-3-item.last .contentbox {
        margin-left: 10px;
    }

    .grid-4-item {
        width: 25%;
        float: left;
        margin-bottom: 0;
		clear: none;
    }

		.grid-4-item:nth-of-type(2n+1) {
			clear: none;
		}


}

@media (min-width: 930px) {
    .grid-2-3-item.first {
        width: 70%;
        float: left;
        margin-bottom: 10px;
    }

    .grid-2-3-item.last {
        width: 30%;
        float: left;
    }

    .grid-2-3-item.first .contentbox {
        margin-right: 10px;
    }

    .grid-2-3-item.last .contentbox {
        margin-left: 10px;
    }
}