/* LINKS GENERAL STYLING */
.divLinksContainer
{
	height:1257px;
	margin:147px auto 70px auto;
	width:1006px;
}

.divLinkBoxOverlay
{
	background:rgba(0,33,87,0.5);
	height:200px;
	position:absolute;
	width:100%;
}

.divLinkBoxInfo
{
	height:150px;
	position:absolute;
	top:200px;
	width:100%;
}

.divLinkBoxInfo p
{
	font-size:12px;
	font-weight:600;
	letter-spacing:0;
	line-height:2;
	padding:10px;
	text-align:center;
}

.divLinkBoxIcon
{
	background-image:url('../images/links/divLinkBoxIcon.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:auto;
	display:none;
	height:150px;
	left:50%;
	margin-left:-75px;
	margin-top:-150px;
	position:absolute;
	top:50%;
	width:150px;
}

/* LINK BOX 1 STYLING */
.divLinkBox1
{
	border:1px solid #c1c1c1;
	cursor:pointer;
	float:left;
	height:350px;
	margin:0px 47px 50px 0px;
	position:relative;
	user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:300px;
}

.divLinkBoxImage1
{
	background-image:url('../images/links/divLinkBoxImage1.jpg');
	background-position:50% 50%;
	background-size:cover;
	height:200px;
	position:absolute;
	width:100%;
}

.divLinkBoxIcon1
{
	background-image:url('../images/links/divLinkBoxIcon1.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:150px;
	left:50%;
	margin-left:-75px;
	margin-top:-75px;
	position:absolute;
	top:50%;
	width:150px;
}

/* LINK BOX 2 STYLING */
.divLinkBox2
{
	border:1px solid #c1c1c1;
	cursor:pointer;
	float:left;
	height:350px;
	margin:0px 47px 50px 0px;
	position:relative;
	user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:300px;
}

.divLinkBoxImage2
{
	background-image:url('../images/links/divLinkBoxImage2.jpg');
	background-position:50% 50%;
	background-size:cover;
	height:200px;
	position:absolute;
	width:100%;
}

.divLinkBoxIcon2
{
	background-image:url('../images/links/divLinkBoxIcon2.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:200px;
	left:50%;
	margin-left:-100px;
	margin-top:-100px;
	position:absolute;
	top:50%;
	width:200px;
}

/* LINK BOX 3 STYLING */
.divLinkBox3
{
	border:1px solid #c1c1c1;
	cursor:pointer;
	float:left;
	height:350px;
	margin:0px 0px 50px 0px; 
	position:relative;
	user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:300px;
}

.divLinkBoxImage3
{
	background-image:url('../images/links/divLinkBoxImage3.jpg');height:200px;
	background-position:50% 50%;
	background-size:cover;
	position:absolute;
	width:100%;
}

.divLinkBoxIcon3
{
	background-image:url('../images/links/divLinkBoxIcon3.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:100px;
	left:50%;
	margin-left:-50px;
	margin-top:-50px;
	position:absolute;
	top:50%;
	width:100px;
}

/* LINK BOX 4 STYLING */
.divLinkBox4
{
	border:1px solid #c1c1c1;
	cursor:pointer;
	float:left;
	height:350px;
	margin:0px 47px 0px 0px; 
	position:relative;
	user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:300px;
}

.divLinkBoxImage4
{
	background-image:url('../images/links/divLinkBoxImage4.jpg');
	background-position:50% 50%;
	background-size:cover;
	height:200px;
	position:absolute;
	width:100%;
}

.divLinkBoxIcon4
{
	background-image:url('../images/links/divLinkBoxIcon4.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:100px;
	left:50%;
	margin-left:-50px;
	margin-top:-50px;
	position:absolute;
	top:50%;
	width:100px;
}

/* LINK BOX 5 STYLING */
.divLinkBox5
{
	border:1px solid #c1c1c1;
	cursor:pointer;
	float:left;
	height:350px;
	margin:0px 47px 50px 0px; 
	position:relative;
	user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:300px;
}

.divLinkBoxImage5
{
	background-image:url('../images/links/divLinkBoxImage5.jpg');
	background-position:50% 50%;
	background-size:cover;
	height:200px;
	position:absolute;
	width:100%;
}

.divLinkBoxIcon5
{
	background-image:url('../images/links/divLinkBoxIcon5.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:150px;
	left:50%;
	margin-left:-75px;
	margin-top:-75px;
	position:absolute;
	top:50%;
	width:150px;
}

/* LINK BOX 6 STYLING */
.divLinkBox6
{
	border:1px solid #c1c1c1;
	cursor:pointer;
	float:left;
	height:350px;
	margin:0px 0px 50px 0px; 
	position:relative;
	user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:300px;
}

.divLinkBoxImage6
{
	background-image:url('../images/links/divLinkBoxImage6.jpg');
	background-position:50% 50%;
	background-size:cover;
	height:200px;
	position:absolute;
	width:100%;
}

.divLinkBoxIcon6
{
	background-image:url('../images/links/divLinkBoxIcon6.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:180px;
	left:50%;
	margin-left:-90px;
	margin-top:-90px;
	position:absolute;
	top:50%;
	width:180px;
}

/* LINK BOX 7 STYLING */
.divLinkBox7
{
	border:1px solid #c1c1c1;
	cursor:pointer;
	float:left;
	height:350px;
	margin:0px 47px 50px 0px; 
	position:relative;
	user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:300px;
}

.divLinkBoxImage7
{
	background-image:url('../images/links/divLinkBoxImage7.jpg');
	background-position:50% 50%;
	background-size:cover;
	height:200px;
	position:absolute;
	width:100%;
}

.divLinkBoxIcon7
{
	background-image:url('../images/links/divLinkBoxIcon7.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:150px;
	left:50%;
	margin-left:-75px;
	margin-top:-75px;
	position:absolute;
	top:50%;
	width:150px;
}

/* LINK BOX 8 STYLING */
.divLinkBox8
{
	border:1px solid #c1c1c1;
	cursor:pointer;
	float:left;
	height:350px;
	margin:0px 47px 50px 0px;
	position:relative;
	user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	width:300px;
}

.divLinkBoxImage8
{
	background-image:url('../images/links/divLinkBoxImage8.jpg');
	background-position:50% 50%;
	background-size:cover;
	height:200px;
	position:absolute;
	width:100%;
}

.divLinkBoxIcon8
{
	background-image:url('../images/links/divLinkBoxIcon8.svg');
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:200px;
	left:50%;
	margin-left:-100px;
	margin-top:-100px;
	position:absolute;
	top:50%;
	width:200px;
}

/* LINKS RESPONSIVE */
@media all and (max-width: 1360px)
{
	.divLinksContainer
	{
		height:1246px;
		margin:129px auto 81px auto;
		width:1006px;
	}
}

@media all and (max-width: 1020px)
{	
	.divLinkBoxIcon
	{
		margin-top:-175px;
	}

	.divLinksContainer
	{
		height:1929px;
		margin:129px auto 0px auto;
		width:500px;
	}
	
	.divLinkBox1
	{
		height:400px;
		margin:0px 46px 50px 0px;
		width:225px;
	}
	
	.divLinkBox2
	{
		height:400px;
		margin:0px 0px 50px 0px; 
		width:225px;
	}
	
	.divLinkBox3
	{
		height:400px;
		margin:0px 46px 50px 0px;
		width:225px;
	}
	
	.divLinkBox4
	{
		height:400px;
		margin:0px 0px 50px 0px; 
		width:225px;
	}

	.divLinkBox5
	{
		height:400px;
		margin:0px 46px 50px 0px;
		width:225px; 
	}

	.divLinkBox6
	{
		height:400px;
		margin:0px 0px 50px 0px; 
		width:225px;
	}

	.divLinkBox7
	{
		height:400px;
		margin:0px 46px 50px 0px;
		width:225px;
	}
	
	.divLinkBox8
	{
		height:400px;
		margin:0px 0px 50px 0px;
		width:225px; 
	}
}

@media all and (max-width: 720px)
{	
	.divLinksContainer
	{
		height:3737px;
		margin:129px auto 0px auto;
		width:400px;
	}
	
	.divLinkBox1
	{
		margin:0px 0px 50px 0px;
		width:400px;
	}
	
	.divLinkBox2
	{
		margin:0px 0px 50px 0px;
		width:400px;
	}
	
	.divLinkBox3
	{
		margin:0px 0px 50px 0px;
		width:400px;
	}
	
	.divLinkBox4
	{
		margin:0px 0px 50px 0px;
		width:400px;
	}

	.divLinkBox5
	{
		margin:0px 0px 50px 0px;
		width:400px;
	}

	.divLinkBox6
	{
		margin:0px 0px 50px 0px;
		width:400px;
	}

	.divLinkBox7
	{
		margin:0px 0px 50px 0px;
		width:400px;
	}
	
	.divLinkBox8
	{
		margin:0px 0px 50px 0px;
		width:400px;
	}
}

@media all and (max-width: 420px)
{	
	.divLinksContainer
	{
		height:3737px;
		margin:129px auto 0px auto;
		width:280px;
	}
	
	.divLinkBox1
	{
		width:280px;
	}
	
	.divLinkBox2
	{
		width:280px;
	}
	
	.divLinkBox3
	{
		width:280px;
	}
	
	.divLinkBox4
	{
		width:280px;
	}

	.divLinkBox5
	{
		width:280px;
	}

	.divLinkBox6
	{
		width:280px;
	}

	.divLinkBox7
	{
		width:280px;
	}
	
	.divLinkBox8
	{
		width:280px;
	}
}