div.mtkinfogrid {
	margin: 0 auto;
	overflow: hidden;
	height: 100%;
}

div.mtkinfogrid * {
	margin: 0;
	padding: 0;
}

div.mtkinfogrid-column {
	float: left;
	height: 100%;
}

div.mtkinfogrid-column.current {
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	z-index: 1;
	position: relative;
}

div.mtkinfogrid-column.col-xs-2 { width: 16.33333333%; }
div.mtkinfogrid-column.col-xs-3 { width:24.33333333%; }
div.mtkinfogrid-column.col-xs-4 { width:32.33333333%; }
div.mtkinfogrid-column.col-xs-6 { width: 48%; }
div.mtkinfogrid-column.col-xs-15 { width:19.5%; }
div.mtkinfogrid-column.col-xs-0 { width: 0; }

div.mtkinfogrid-column.current.col-xs-2 { width: 18.33333333%; }
div.mtkinfogrid-column.current.col-xs-3 { width: 27%; }
div.mtkinfogrid-column.current.col-xs-4 { width: 35.33333333%; }
div.mtkinfogrid-column.current.col-xs-6 { width: 52.0%; }
div.mtkinfogrid-column.current.col-xs-15 { width: 22%; }
div.mtkinfogrid-column.current.col-xs-0 { width: 0; }


@media (min-width: 768px) {
    div.mtkinfogrid-column.col-sm-1 { width: 8.33333333%; }
    div.mtkinfogrid-column.col-sm-2 { width: 16.33333333%; }
    div.mtkinfogrid-column.col-sm-3 { width:24.33333333%; }
    div.mtkinfogrid-column.col-sm-4 { width:32.33333333%; }
    div.mtkinfogrid-column.col-sm-5 { width:40.6666667%; }
    div.mtkinfogrid-column.col-sm-6 { width:48.0%; }
    div.mtkinfogrid-column.col-sm-15 { width:19.5%; }
    div.mtkinfogrid-column.col-sm-0 { width: 0; }

    div.mtkinfogrid-column.current.col-sm-1 { width: 9.33333333%; }
    div.mtkinfogrid-column.current.col-sm-2 { width: 18.33333333%; }
    div.mtkinfogrid-column.current.col-sm-3 { width: 27%; }
    div.mtkinfogrid-column.current.col-sm-4 { width: 35.33333333%; }
    div.mtkinfogrid-column.current.col-sm-5 { width: 43.6666667%; }
    div.mtkinfogrid-column.current.col-sm-6 { width: 52.0%; }
    div.mtkinfogrid-column.current.col-sm-15 { width: 22%; }
    div.mtkinfogrid-column.current.col-sm-0 { width: 0; }
}

@media (min-width: 992px) {
    div.mtkinfogrid-column.col-md-2 { width: 16.33333333%; }
    div.mtkinfogrid-column.col-md-3 { width:24.33333333%; }
    div.mtkinfogrid-column.col-md-4 { width:32.33333333%; }
    div.mtkinfogrid-column.col-md-6 { width:48.0%; }
    div.mtkinfogrid-column.col-md-15 { width:19.5%; }
    div.mtkinfogrid-column.col-md-0 { width: 0; }

    div.mtkinfogrid-column.current.col-md-2 { width: 18.33333333%; }
    div.mtkinfogrid-column.current.col-md-3 { width: 27%; }
    div.mtkinfogrid-column.current.col-md-4 { width: 35.33333333%; }
    div.mtkinfogrid-column.current.col-md-6 { width: 52.0%; }
    div.mtkinfogrid-column.current.col-md-15 { width: 22%; }
    div.mtkinfogrid-column.current.col-md-0 { width: 0; }
}

@media (min-width: 1200px) {
    div.mtkinfogrid-column.col-lg-2 { width: 16.33333333%; }
    div.mtkinfogrid-column.col-lg-3 { width:24.33333333%; }
    div.mtkinfogrid-column.col-lg-4 { width:32.33333333%; }
    div.mtkinfogrid-column.col-lg-6 { width:48.0%; }
    div.mtkinfogrid-column.col-lg-15 { width:19.5%; }
    div.mtkinfogrid-column.col-lg-0 { width: 0; }

    div.mtkinfogrid-column.current.col-lg-2 { width: 18.33333333%; }
    div.mtkinfogrid-column.current.col-lg-3 { width: 27%; }
    div.mtkinfogrid-column.current.col-lg-4 { width: 35.33333333%; }
    div.mtkinfogrid-column.current.col-lg-6 { width: 52.0%; }
    div.mtkinfogrid-column.current.col-lg-15 { width: 22%; }
    div.mtkinfogrid-column.current.col-lg-0 { width: 0; }
}

div.grid-series {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.card {
	height: 100%;
}

div.mtkinfogrid-column h2
{
    color: white;
	text-align: center;
	font-weight: bold;
	padding: 5px 0;
	text-transform:uppercase;
    font-size: 20px;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 1);
}

div.mtkinfogrid-column h2 > span {
    font-size: 18px;
}

div.mtkinfogrid-cell-container {
    display: table;
    width: 100%;
    height: 100%;
    border: none;
    padding: 12px 6px;
    background: transparent;
}

div.mtkinfogrid-cell-content {
    background-color: gray;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

img.mtkinfogrid-category-image {

}

a.mtkinfogrid-category-title {
    position: absolute;
    width: 100%;
    height: 26%;
    left: 0;
    bottom: 0;
    padding: 10px 10px;
    line-height: 95%;
    font-family: "Times New Roman", Times, serif;
    font-stretch: condensed;
    font-size: 1.75em;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    text-shadow: 0 1px 5px rgb(0, 0, 0);
}


a.mtkinfogrid-image-container {
	height: 230px;
	display: block;
    background: none center center no-repeat;
}

a.mtkinfogrid-image-container > div {
    height: 230px;
    position: relative;
}


a.mtkinfogrid-image-container > div > img.mtkinfogrid-image {
    position: absolute;
    bottom: 0;
    display: inline-block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

dt.mtkinfogrid-subheader { padding: 5px; background: #900; color: white; border-bottom: 1px solid white; font-size: 12px; text-align: center; text-shadow: 0 1px 5px rgba(0, 0, 0, 1); }
dd.mtkinfogrid-item { position: absolute; left: -9999px; top: -9999px; width: 100%; background: #900; padding: 10px 10px 10px 5px; color: white; }

dt.mtkinfogrid-item { font-size: 13px; padding: 5px 10px 10px 5px; }

dt.mtkinfogrid-subheader:nth-of-type(1) { background: #b44835; }
dd.mtkinfogrid-item:nth-of-type(1) { background: #b44835; }

dt.mtkinfogrid-subheader:nth-of-type(2) { background: #ff7d3e; }
dd.mtkinfogrid-item:nth-of-type(2) { background: #ff7d3e; }

dt.mtkinfogrid-subheader:nth-of-type(3) { background: #ffb03b; }
dd.mtkinfogrid-item:nth-of-type(3) { background: #ffb03b; }

dt.mtkinfogrid-subheader:nth-of-type(4) { background: #c2a25c; }
dd.mtkinfogrid-item:nth-of-type(4) { background: #c2a25c; }

dt.mtkinfogrid-subheader:nth-of-type(5) { background: #4c443c; }
dd.mtkinfogrid-item:nth-of-type(5) { background: #4c443c; }

dt.mtkinfogrid-subheader:nth-of-type(6) { background: #656b60; }
dd.mtkinfogrid-item:nth-of-type(6) { background: #656b60; }

dt.mtkinfogrid-subheader {
    line-height: 14px;
}

@media (min-width: 768px) {
    div.mtkinfogrid-column h2 {
        font-size: 20px;
    }

    dt.mtkinfogrid-subheader {
        font-size: 14px;
    }

    dt.mtkinfogrid-subheader.current {
        font-size: 16px;
    }

    dt.mtkinfogrid-subheader > span {
        font-size: 11px;
    }

    dt.mtkinfogrid-subheader.current > span {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    div.mtkinfogrid-column h2 {
        font-size: 22px;
    }

    dt.mtkinfogrid-subheader {
        font-size: 16px;
    }

    dt.mtkinfogrid-subheader.current {
        font-size: 18px;
    }

    dt.mtkinfogrid-subheader > span {
        font-size: 11px;
    }

    dt.mtkinfogrid-subheader.current > span {
        font-size: 13px;
    }
}

@media (min-width: 1200px) {
    div.mtkinfogrid-column h2 {
        font-size: 22px;
    }

    dt.mtkinfogrid-subheader {
        font-size: 16px;
    }

    dt.mtkinfogrid-subheader.current {
        font-size: 18px;
    }

    dt.mtkinfogrid-subheader > span {
        font-size: 11px;
    }

    dt.mtkinfogrid-subheader.current > span {
        font-size: 13px;
    }
}