@charset "UTF-8";
/* CSS Document */
main {
	background-color: #F5F5F5
}
.projectbanner {
	background-image: url(../images/gresham.jpg);
	background-size: cover;
	background-position: 50%;
	height: 250px;
	padding: 100px 0 0 0;
}
.projectbox {
	width: 100%;
	height: 200px;
	position: relative;
	margin-bottom: 10px;
}
.projecttext {
	position: absolute;
	top: 10px;
	left: 0;
	display: table;
	width: 200px;
	padding: 15px;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	color: #000000;
	background-color: rgba(236,236,236,0.8)
}
.projecttext2 {
	font-weight: 300;
	margin-top: 4px;
}
.granta {
	background-image: url(../images/granta2.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.mod {
	background-image: url(../images/mod.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.cork {
	background-image: url(../images/cork.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.diageo {
	background-image: url(../images/diageo3.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.luton {
	background-image: url(../images/luton2.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.ihg {
	background-image: url(../images/ihg2.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.monarchy {
	background-image: url(../images/monarchy2.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.offices {
	background-image: url(../images/gresham.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.astra {
	background-image: url(../images/astra.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.regents {
	background-image: url(../images/regents.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.dublin {
	background-image: url(../images/dublin.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.argos {
	background-image: url(../images/argos.jpg);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}

@media (min-width:768px){
	.projectbox {
		height: 300px;
		margin-bottom: 15px;
	}
	.projecttext {
		font-size: 16px;
		width: 230px;
		top: 15px;
	}
	.projecttext2 {
		margin-top: 3px;
	}
}

@media (min-width: 1024px){
	.projectbox {
		height: 400px;
		margin-bottom: 20px;
	}
	.projecttext {
		font-size: 18px;
		width: 250px;
		top: 20px;
	}
.projecttext2 {
	margin-top: 2px;
	}
}