.grid-item {
  height: 100%;
  
  

  
 flex-basis: 20%;

  position: relative;
  padding: 10px;
  box-sizing: border-box;
}




.ghost{background:rgba(83,110,183,0.9);

margin-bottom: 8px;


padding-top:32px;
padding-bottom:32px;

}


.highline{background:rgba(83,110,183,0.8);margin:0 8px}
	
	
	 .highline:last-child {
		 


}
 


.counter {
	font-size:5rem;
	text-align:center;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: 900;
	justify-content: center;
	align-items: center;
	color: #cacaca;   
   	
}



.ghostTXTheadline {
	
	
	text-align:center;
	
	text-transform: uppercase;
	font-weight: 900;
	justify-content: center;
	align-items: center;

font-size:200%;

 



}





.metaTXTheadline {
	
	
	text-align:center;
	
	text-transform: uppercase;
	font-weight: 900;
	justify-content: center;
	align-items: center;

font-size:80%;



}




.metaTXTsubline {
	
	
	text-align:center;
	
	font-weight: 900;
	justify-content: center;
	align-items: center;

font-size:40%;
color: #cacaca;


}


.whiteFLEX > p {
	text-align:center;
font-size:.8rem!important;

}




.ghostTXT > P{
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:1rem;
	padding-right:1rem;
	font-size:1rem;
	font-weight: 400;
	text-align: justify;
	color: #cacaca;	
	
	line-height:160%;
	font-size:100%;
}










.break {
  flex-basis: 100%;
  height: 8px;
}














.item-title {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 18px;
  display: block;
}

.item-category {
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
}

.item-excerpt {
  margin-bottom: 20px;
  display: block;
  font-size: 14px;
}



.more-info i {
  padding-left: 5px;
  transition-duration: .5s;
}



.more-info i::before {
  font-size: 16px;
}












.overlay {

  height: 100%;
  width: 0;
  position: fixed; 
  z-index: 100; 
  left: 0;
  top: 0;
width:100%;

background: rgba(0, 38, 147, .95);





background-color: #b1bfd8;
background-image: linear-gradient(315deg, #b1bfd8 0%, #6782b4 74%);


  
  display:none;
  overflow-x: hidden;
 
}


.overlay-content {
  position: relative;
  top: 25%; 
  width: 100%;
  text-align: center; 
  margin-top: 30px; 
}


.overlay a {
	padding: 16px;
	text-decoration: none;
	font-size: 2rem;
 color: #f1f1f1;
	display: block;
	transition: 0.3s;
	font-weight: 900;
	
	
	
	
	
	
	
	
	

	


vertical-align: middle;

text-transform: uppercase;

font-family: 'Montserrat', sans-serif;
letter-spacing: 0.3rem;

font-weight: 300;




}


.overlay a:hover, .overlay a:focus {
 
  font-weight: 900;

  	color: #818181;
}





@media screen and (max-height: 450px) {
  .overlay a {font-size: 1rem;}
 
}