@charset "utf-8";
/* CSS Document */

/*=============================================================
  Useful Links
  =============================================================*/  
  .useful-links-section{
	  padding:100px 0;
  }
  
	.useful-links-container{
		margin-bottom:60px;
		border-bottom:#ec1c2d 4px solid;
	}
	.useful-links-title{
		width:300px;
		padding:5px;
		background:#fff;
		margin:0 auto;
		margin-bottom:-5px;
	}
	.useful-links-title h1{
		font-size:48px;
		font-weight:700;
		line-height:6px;
		text-align:center;
		color:#ec1c2d;
		background:#FFF;
	}
	.useful-links-listing-container{
		padding:0;
		margin:0;
	}
	.useful-links-listing{
		position:relative;
		padding: 0;
		margin:0;
		text-align:center;
		min-height:300px;
		border-right:#fff 2px solid;
		background:#EFEFEF;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.useful-links-listing.text-only{
		min-height:100px;
	}
	.useful-links-listing:last-child{
		border-right:none;
	}
	.useful-links-listing h1{
		font-size:20px;
		font-weight:700;
		margin-bottom:5px;
	}
	.useful-links-listing p{
		font-size:16px;
		font-weight:400;
		margin:0;
	}
	.layer-white{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: url(../images/zoom-in-white.png) center no-repeat;
		background-color:rgba(236, 28, 45, 0.4);
		background-size:15%;
		z-index:99;
		opacity:0;
		transition: ease-in .3s;
	}
	.useful-links-listing a:hover .layer-white{
		opacity:1;
	}
	.useful-links-listing a{
		text-decoration:none;
		color:#000;
	}
	.useful-links-listing-logo{
		position:relative;
		min-height:190px;
	}
	.useful-links-listing-logo img {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		margin: auto;
	}
	
	@media (max-width:800px){
		.useful-links-listing{
		border-right:none;
		margin-bottom:2px;
		}
		.layer-white{
		background-size:10%;
		}
	}
	@media (max-width:400px){
		.useful-links-section{
	  padding:60px 0;
 		}
		.useful-links-title{
		width:220px;
		}
		.useful-links-title h1{
		font-size:36px;
		line-height:6px;
		}
		.useful-links-listing h1{
		font-size:18px;
		}
		.layer-white{
		background-size:15%;
		}
	}
	