/****************** FRONT CARD SELECTOR **********************/
.frontCard {
	overflow:hidden;
	width:100%;
	height:42vw;
	top:0;
	padding-top:90px;
	background-color: #002266;
	background-image: url(../images/web%20images/flagbg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.cardContainerL {
	float:left;
	width:50%;
	height:98%;
	bottom:0;
	margin:0;
}
.cardContainerR {
	float:right;
	width:50%;
	height:98%;
	bottom:0;
	margin:0;
}
.cardBlock {
	margin:1%;
	height:46%;
	width:auto;
	float:right;
	box-shadow:4px 4px 10px black;
	-ms-box-shadow:4px 4px 10px black;
	background-size:contain;
	overflow:hidden;
}
.cardBlock .overlay {
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	visibility:hidden;
	opacity:0;
	-webkit-transition: visibility 0.2s, opacity 0.2s;
	transition: visibility 0.2s, opacity 0.2s;
}
.cardBlock img {
	border:0;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	height:100%;
	width:auto;
	visibility:hidden;
	opacity:0;
}
.homeschoolCard {
	clear:left;
	background-image: url("../images/web%20images/homeschoolcard.jpg");
	background-position:center;
	background-repeat:no-repeat;
	-webkit-transition: background-image 0.2s;
	transition: background-image 0.2s;
}
.homeschoolCard .overlay {
	background-image:url("../images/web%20images/homeschoolcard_hover.jpg");
}
.homeschoolCard:hover > .overlay {
	visibility:visible;
	opacity: 1;
}
.schoolCard {
	background-image: url("../images/web%20images/schoolcard.jpg");
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	clear:right;
}
.schoolCard .overlay {
	background-image:url("../images/web%20images/schoolcard_hover.jpg");
}

.schoolCard:hover > .overlay {
	visibility:visible;
	opacity:1;
}
.lcaCard {
	clear:right;
	background-image: url("../images/web%20images/lcacard.jpg");
	background-position:center;
	background-repeat:no-repeat;
}
.lcaCard .overlay {
	background-image:url("../images/web%20images/lcacard_hover.jpg");
}
.lcaCard:hover > .overlay {
	visibility:visible;
	opacity:1;
}
.curriculumCard {
	background-image: url("../images/web%20images/curriculumcard.jpg");
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	clear:left;
}
.curriculumCard .overlay {
	background-image:url("../images/web%20images/curriculumcard_hover.jpg");
}
.curriculumCard:hover > .overlay {
	visibility:visible;
	opacity:1;
}
@media screen and (max-width:1056px) {
	.frontCard {padding-top:55px;}
	.cardBlock, .homeschoolCard, .schoolCard, .lcaCard, .curriculumCard {
		margin:2px; box-shadow:none;
	}
}

@media screen and (max-width:767px) {
	.frontCard{height:55vh;}
	.cardContainerL{}
	.cardContainerR{}
	.cardBlock{width:90%;margin:1px;}
	.homeschoolCard, .homeschoolCard .overlay {background-position:bottom right;}
	.lcaCard, .lcaCard .overlay {background-position:top right;}
	.schoolCard, .schoolCard .overlay {background-position:bottom left;}
	.curriculumCard, .curriculumCard .overlay {background-position:top left;}
}