/* CSS Document */
.bigHeader{
	width:100%;
	background-size:     cover;
    background-repeat:   no-repeat;
    background-position: 0px 0%;
	height:50%;
	margin-top:-20px;
	position:relative;
}

#miskinBig{background-image:url(../casestudies/MiskinManorHotel/big.jpg);}
#adobe{background-image:url(../casestudies/AbodeHotels/big.jpg);}
#dudley{background-image:url(../casestudies/DBS/big.jpg);}
#staysure{background-image:url(../casestudies/Staysure/big.jpg);}
#school{background-image:url(../casestudies/school/big.jpg);}

.case1, .case2, .case3, .case4, .case5{
	width:300px;
	height:300px;
	margin:24px;
	float:left;
}

.case1{background-image:url(../casestudies/MiskinManorHotel/MiskinManorHotel.jpg);}
.case2{background-image:url(../casestudies/AbodeHotels/AbodeHotels.jpg);}
.case3{background-image:url(../casestudies/DBS/DBS.jpg);}
.case4{background-image:url(../casestudies/school/icon.jpg);}
.case5{background-image:url(/images/case_study_gallery.jpg);}

.case{
	position:relative;
	width:1024px;
	margin:auto;
}

.caseContainer{
	top: 50%;
	width:100%;
	transform: translateY(-50%);
	position:absolute;
}

.caseContainer h1, .case1 p, .case2 p, .case3 p, .case4 p, .case5 p{
	color:#FFF;
	text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.8);
	font-weight:900;
	font-size:40px;
	margin:0px;
}

.case1 p, .case2 p, .case3 p, .case4 p, .case5 p{margin-top:100px;}

.caseContainer h2{
	color:#FFF;
	text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.8);
	font-weight:900;
	font-size:60px;
	padding-top:0px;
	margin:0px;
	text-align:center;
}

.caseContainer h2{
	width:1000px;
}

.bigImpact{
	font-weight:400;
	font-size:80px;
	text-align:center;
	color:#6fc7e3;
	padding-top:20px;
}

.caseImages img{
	padding-top:30px;
}

.three img{width:33%;}
.two img{width:49.5%;}
.one img{width:100%;}

@media screen and (max-width: 1200px) {
	.caseContainer h1{font-size:20px;}
	.caseContainer h2{font-size:40px;}
	.case{width:800px;}
	.caseContainer h2{width:800px;}
}

@media screen and (max-width: 850px) {
	.caseContainer h1{font-size:20px;}
	.caseContainer h2{font-size:30px;}
	.case{width:480px;}
	.caseContainer h2{width:480px;}
}