.col-md-gridCustom {
    flex: 0 0 11.3%;
    max-width: 16.66%;
}


.row.gridheader div {
    background-color: #075290;
    color: white;
    margin: 0px;
    padding: 5px;
    border: 1px solid rgba(155,155,155,.25);
    min-height: 250px;
    overflow: hidden;
}

.row.gridheader h2 {
    color: white;
    font-size: 18px;
}


/*.row.gridheader div:first-of-type {
    background-color: #ccba8b;
    color: white;
    min-height: 0px;
    max-height: 0px;
    visibility: hidden;
}*/


.row.gridrow div {
    margin: 0px;
    padding: 5px;
    border: 1px solid rgba(155,155,155,.25);
    min-height: 360px;
    overflow: hidden;
}

.row.gridrow:nth-of-type(1) div{
    background-color: #b1dafb; 
}

.row.gridrow:nth-of-type(even) div{
    background-color: #b1dafb; 
}
.row.gridrow:nth-of-type(odd) div{
    background-color: #e3f2fe; 
}

.row.gridrow h2 {
    color: white;
    font-size: 18px;
}

.row.gridrow div:first-of-type {
    background-color: #075290;
    color: white;
    margin: 0px;
    padding: 5px;
    border: 1px solid rgba(155,155,155,.25);
    overflow: hidden;
}

/*.gridEmptyCell {
    background-color: #efefef !important;
}*/



@media (max-width: 1200px){
.col-md-gridCustom {
    flex: 0 0 11.2%;
    max-width: 12.1%;
}
h3, .h3 {
    font-size: 1rem;
}
.span3 {
    width: 105px;
}
.row.gridrow div {
    min-height: 540px; 
}
}


@media (max-width: 1100px){
.col-md-gridCustom {
    flex: 0 0 100%;
    max-width: 100%;
}

.span3 {
    width: 100%;
}
.row {margin-bottom: 20px;}
.row.gridheader div {min-height:0px;}
.row.gridrow div {min-height:0px;}
.gridEmptyCell {
    visibility: hidden;
    position: absolute;
    height: 0;
}
}

@media (max-width: 767px){
.span3 {
    width: 100%;
}
.row {margin-bottom: 20px;}
.row.gridheader div {min-height:0px;}
.row.gridrow div {min-height:0px;}
.gridEmptyCell {
    visibility: hidden;
    position: absolute;
    height: 0;
}
}