.para-container { position: relative; overflow: hidden; } 
 .para-image { position: absolute; width: 100%; } 
 .para-content { position: relative; padding-top: 100px; padding-bottom: 100px; } 

 .para-content p, .para-content h2 { text-shadow: 0 0 5px rgba(0, 0, 0,1); } 
 .para-container .overlay-bg { top: 0; left: 0; bottom: 0; right: 0; position: absolute; background-color: rgba(2,103,86,0.89); } 

 .grid { display: grid; } 
 .grid.columns-2 { grid-template-columns: 1fr 1fr; } 
 .grid.columns-3 { grid-template-columns: 1fr 1fr 1fr; } 
 .grid.columns-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } 
 .grid.columns-1-2 { grid-template-columns: 1fr 2fr; } 
 .grid.columns-1-2a { grid-template-columns: 1.75fr 2fr; } 
 .grid.columns-1-2b { grid-template-columns: 1fr 2.3fr; } 
 .grid .item { position: relative; overflow: hidden; } 
 .grid .item .item-content { position: relative; height: 100%; } 
 .flex-vertical { display: flex; justify-content: center; flex-direction: column; } 
 img.cover { position: absolute; width: 100%; height: 100% !important; object-fit: cover; left: 0; } 
 img.top {position: absolute; width:100%; left: 0; top:0;}
 .content-overlay { position: relative; background: rgba(255,255,255,.8); padding: 75px 55px; width: 85%; left: -85%; transition: left 1s; } 
 .show-overlay .content-overlay { left: 0; } 
 .grid.column-gap-65px { column-gap: 65px; } 
 .grid.column-gap-20px { column-gap: 20px; } 
 .grid.column-gap-12px { column-gap: 12px; } 
 .grid.column-gap-8px { column-gap: 8px; } 
 .grid.row-gap-20px { row-gap: 20px; } 
 .grid.row-gap-12px { row-gap: 12px; } 
 .grid.row-gap-8px { row-gap: 8px; } 
 .grid.p-margins .item p { margin-top: 10px; margin-bottom: 35px; } 
 .grid.align-center { align-items: center; } 
 hr.sm-hr { width: 10%; margin-top: 25px; margin-bottom: 25px; } 
 .white-text, .white-text h2 { color: #fff; } 

 .grid.columns-5.rankings { font-family: 'Oswald'; width: 90%; margin: auto;  font-size: 28px; line-height: 1.2; text-transform: uppercase; margin-bottom: 35px; text-shadow: 0 0 5px rgba(0,0,0,0.5); /* row-gap: 35px; */ /* border-bottom: 1px solid #fff; */ } 

 .grid.columns-5.rankings .font-size-2 { font-size: 45px; display: block; line-height: 1; } 

 .csu .para-container .btn-primary:hover { color: #cc0b2a; background-color: #fff; } 
.border-right {border-right: 1px solid #fff;}
 @media(max-width:768px){
 .grid.columns-5 { grid-template-columns: 1fr; } 
 .grid.columns-5.rankings { width: 75%; } 
 .grid.columns-5.rankings .item { border-bottom: 1px solid #fff; overflow: visible; box-sizing: content-box; padding: 35px 0; } 
 .grid.columns-5.rankings .item:last-of-type { border: none; padding-bottom:0; } 
 .grid.columns-5.rankings .item:first-of-type { padding-top:0; } 
 .csu .para-container .btn-primary { color: #fff; border-color: #fff; width:90%; } 
 img.top {object-fit: cover; height: 100% !important;}
 .border-right {border-right:none;}
 }

 @media(min-width:1750px){
    img.cover { height:auto !important; top:0;}
 }