.blocks {min-height: 100px;
padding:24px 0; }

.blocks .row {width: 100%; 
    min-height: inherit;}






.blocks .box {width: 20%;
border: 9px ridge #1C6EA4;
min-height: 200px; float: right;
margin: 12px}


.blocks .box h3 {text-align: 
    center; color: white; 
    background-color: 
        deepskyblue; 
    margin: 0; padding: 
        16px 0; border-bottom: 
            4px solid #4793b7;

}


.blocks .box > div {width: 
100%; background-color:
white; min-height: 180px;
text-align: center;
padding:16px;}


.blocks .box img {max-width: 100%;
    height: 248px;}


.blocks .box > div p {font-size: 
0.9em}

.blocks .box > div a {font-size: 
    0.9em; color: white;}

@media screen and (max-width: 726px) {
    .blocks .box  {width: 94%; margin: auto;text-align: right; float: none; margin-bottom: 20px} 
    .blocks {padding: 24px 16px}
    .strip h1 {width: 100%; text-align: center}
}

