.intro {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto; 
border-bottom: #ffffff 5px solid;
position: relative;
}
	.intro img {
	display: block;
	width: 100%;
	height: auto;
	}
	img.homePx {
	display: block;
	}
	img.homePx2 {
	display: none;
	}	
.introOver {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 55%;
height: auto;
float: left;
position: absolute;
left: 25px;
bottom: 45px;
background-color: black;
background-color: rgba(0,0,0,0.5);
padding: 10px;
font-family: 'Cantarell', sans-serif;
font-size: 1.2em;
color: #ffffff;
font-weight: 400;
}

/* SECTION 1 */

.mainLinks {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
background: #e1e2e2 url(../images/bg-links.jpg) center bottom no-repeat;
background-attachment: fixed;
}
.columnsArea {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
max-width: 1400px;
width: 100%;
height: auto;
margin: 0 auto;
padding: 30px 5px;
}
.mainCol1 {
display: block;
overflow: hidden;
box-sizing: border-box;
width: 65%;
height: auto;
float: left;
}

.link {
display: block;
box-sizing: border-box;
width: 48%;
height: auto;
float: left;
margin: 0 1% 15px 1%;
border: white 4px solid;
}
	.link img {
	display: block;
	width: 100%;
	height: auto;
	}
	.link img:hover { cursor: pointer; opacity: .6; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
	.linkTitle { 
	display: block;
	box-sizing: border-box;
	color: #ffffff; 
	font-size: 1.4em;
	font-weight: 700;
	padding: 12px 5px; 
	text-align: center;
	background-color: #be0301;
	}
	.linkTitle a:link, .linkTitle a:visited {	
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
	}
	.linkTitle a:active, .linkTitle a:hover {
	color: #adabab;
	-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
	}

.mainCol2 {
display: block;
overflow: hidden;
box-sizing: border-box;
width: 35%;
height: auto;
float: right;
}
	.eventsHead { 
	display: block;
	box-sizing: border-box;
	color: #ffffff; 
	font-size: 1.2em;
	font-weight: 700;
	padding: 12px 8px; 
	text-align: left;
	background-color: #be0301;
	margin-bottom: 12px;
	}
	.event {
	display: block;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	margin-bottom: 12px;
	color: #4d4d4d;
	text-decoration: none;
	text-align: left;
	border: #ffffff 1px dotted;	
	padding: 8px;
	}
	.event:hover {
	color: #4d4d4d;;
	border: #be0301 1px dotted;	
	}
	.event a:link, .event a:visited {
	color: #4d4d4d;
	text-decoration: none;
	font-weight: normal;
	}
	.event a:active, .event a:hover {
	color: #be0301;
	-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
	}
	.viewall {
	display: block;
	clear: both;
	font-size: 1em;
	color: #4d4d4d;
	text-decoration: none;
	font-weight: 400;
	text-align: right;
	margin-top: 10px;
	}
	.viewall a:link, .viewall a:visited {
	font-size: 1em;
	color: #4d4d4d;
	text-decoration: none;
	font-weight: 700;
	}
	.viewall a:active, .viewall a:hover {
	color: #be0301;
	-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
	}
	
	.featured { 
	display: block;
	box-sizing: border-box;
	color: #ffffff; 
	font-size: 1.2em;
	font-weight: 700;
	padding: 12px 8px; 
	text-align: left;
	background-color: #be0301;
	margin: 20px 0 12px 0;
	}	
	.featuredText {
	display: block;
	box-sizing: border-box;
	clear: both;
	width: 100%;
	margin-bottom: 12px;
	color: #4d4d4d;
	text-decoration: none;
	text-align: left;
	border: #ffffff 1px dotted;	
	padding: 8px;
	}



@media screen and (max-width: 1164px) {
	.introOver {
	width: 75%;
	bottom: 35px;
	}	
}
@media screen and (max-width: 905px) {
	.mainCol1, .mainCol2 {
	width: 50%;
	}
	.link {
	width: 97%;
	float: none;
	margin: 0 auto 15px auto;
	}
}
@media screen and (max-width: 900px) {
	.introOver {
	width: 98%;
	bottom: 25px;
	}	
}
@media screen and (max-width: 800px) {
	.mainCol1, .mainCol2 {
	width: 100%;
	float: none;
	clear: both;
	}
	.link {
	clear: both;
	max-width: 500px;
	width: 100%;
	margin: 0 auto 15px auto;
	}
}
@media screen and (max-width: 794px) {
	.introOver {
	display: none;
	}	
}
@media screen and (max-width: 651px) {
	img.homePx {
	display: none;
	}
	img.homePx2 {
	display: block;
	}
}