@media screen and (min-width: 301px) and (max-width: 900px){
  div.contactsTileCon{
		display: inline-block;
		position: relative;
		width: calc(100vw - 60px);
		height: auto;
		border-radius: 25px;
		box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.2);
		overflow: hidden;
	}
	div#contactEmailWrapper{
		display: inline-block;
		position: relative;
		width: 100%;
		height: auto;
		padding: 60px 0px;
		padding-bottom: 35px;
		text-align: center;
		line-height: 1.5em;
		overflow: hidden;
	}
	div#contactEmailCon{
		display: inline-block;
		color: #00245D;
		font-family: kReg;
		font-size: 1.4em;
	}
	a#contactEmail{
		color: #A3862F;
		font-family: kBold;
		font-size: 1.8em;
		text-decoration: none;
		transition: color 0.5s;
	}
	a#contactEmail:hover{
		color: #00245D;
		transition: color 0.5s;
	}
	div.contactsTileBG{
		opacity: 1;
		display: inline-block;
		width: 100%;
		height: calc((100vw - 60px - 15px)/1.5);
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 25px;
	}
	div.contactsTileTextCon{
		display: inline-block;
		width: calc(100% - 60px);
		height: auto;
		text-align: justify;
		padding: 30px 30px;
	}
	div.contactsTileTextTitle{
		color: #A3862F;
		font-family: bBold;
		font-size: 3em;
		line-height: 1em;
		margin-bottom: 5px;
	}
	div.contactsTileTextText{
		color: #00245D;
		font-family: kReg;
		font-size: 1em;
		line-height: 1.1em;
	}
	div.contactBranchWrapper{
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 30px 0;
		margin-top: 0;
	}
	div.contactsBranchCon{
		display: inline-block;
		position: relative;
		width: 100%;
		height: auto;
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
		overflow: hidden;
		margin-top: 30px;
		border-radius: 25px;
		box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.2);
		vertical-align: top;
		transition: background-size 0.5s, background-color 0.5s;
	}
	div.contactsBranchImg{
		display: inline-block;
		width: 100%;
		height: calc((100vw - 60px - 15px)/1.5);
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 25px;
	}
	div.contactsBranchTextCon{
		width: calc(100% - 60px);
		height: calc(100% - 60px);
		padding: 30px 30px;
		/*width: calc(40% - 1em);
		height: 100%;
		float: right;
		padding: 1vw 1vw;*/
	}
	div.contactsBranchTitle{
		display: inline-block;
		color: #A3862F;
		font-family: bBold;
		font-size: 3em;
		line-height: 0.8em;
	}
	div.contactsBranchSubTitle{
		display: inline-block;
		font-family: kBold;
		font-size: 1em;
		color: #00245D;
	}
	div.contactsBranchLinksCon{
		display: inline-block;
		width: auto;
		height: auto;
		margin-top: 1em;
		vertical-align: top;
	}
	a.contactsBranchLink{
		opacity: 1;
		display: inline-block;
		font-family: kReg;
		font-size: 1em;
		color: #00245D;
		text-decoration: none;
		transition: opacity 0.3s;
	}
	.contactsBranchLink:hover{
		opacity: 0.5;
		transition: opacity 0.3s;
	}
}

@media screen and (min-width: 901px){
  div.contactsTileCon{
		display: inline-block;
		position: relative;
		width: calc((100vw - 20em - 15px) - 10px);
		height: calc(((100vw - 20em - 2em - 15px) - 10px)*0.35);
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% auto;
		margin-bottom: 5px;
		border-radius: 50px;
		box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.2);
		overflow: hidden;
		transition: background-size 0.5s, background-color 0.5s;
	}
	div#contactEmailWrapper{
		display: inline-block;
		position: relative;
		width: calc((100vw - 20em - 20px) - 6vh);
		height: auto;
		padding: 10vh 3vh;
		padding-bottom: 8vh;
		text-align: center;
		line-height: 2.5em;
		overflow: hidden;
	}
	div#contactEmailCon{
		display: inline-block;
		color: #00245D;
		font-family: kReg;
		font-size: 2em;
	}
	a#contactEmail{
		color: #A3862F;
		font-family: kBold;
		font-size: 3em;
		text-decoration: none;
		transition: color 0.5s;
	}
	a#contactEmail:hover{
		color: #00245D;
		transition: color 0.5s;
	}
	div.contactsTileBG{
		opacity: 1;
		position: absolute;
		top: 0;
		left: 50%;
		right: 0;
		bottom: 0;
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 50px;
	}
	div.contactsTileTextCon{
		position: absolute;
		top: 2.5em;
		left: 2.5em;
		width: calc(50% - 5em);
		height: auto;
		text-align: justify;
	}
	div.contactsTileTextTitle{
		color: #A3862F;
		font-family: bBold;
		font-size: 3.5em;
		line-height: 1em;
	}
	div.contactsTileTextText{
		color: #00245D;
		font-family: kReg;
		font-size: 1em;
		line-height: 1.2em;
	}
	div.contactBranchWrapper{
		display: inline-block;
		width: calc(100% + 1.5em);
		height: auto;
		margin: 2.5em 0;
		margin-top: 0;
	}
	div.contactsBranchCon{
		display: inline-block;
		position: relative;
		width: calc(((100vw - 21.5em - 15px)/2) - 10px);
		height: auto;
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
		overflow: hidden;
		margin-top: 1.5em;
		margin-right: 1.5em;
		border-radius: 50px;
		box-shadow: 0px 0px 20px 3px rgba(163,134,47, 0.2);
		vertical-align: top;
		transition: background-size 0.5s, background-color 0.5s;
	}
	div.contactsBranchImg{
		display: inline-block;
		width: 100%;
		height: calc((((100vw - 21.5em - 15px)/2) - 10px)/1.5);
		background-attachment: aboslute;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 50px;
	}
	div.contactsBranchTextCon{
		width: calc(100% - 5em);
		height: calc(100% - 5em);
		padding: 2.5em 2.5em;
		/*width: calc(40% - 1em);
		height: 100%;
		float: right;
		padding: 1vw 1vw;*/
	}
	div.contactsBranchTitle{
		display: inline-block;
		color: #A3862F;
		font-family: bBold;
		font-size: 3.5em;
		line-height: 0.8em;
	}
	div.contactsBranchSubTitle{
		display: inline-block;
		font-family: kBold;
		font-size: 1em;
		color: #00245D;
	}
	div.contactsBranchLinksCon{
		display: inline-block;
		width: auto;
		height: auto;
		margin-top: 1em;
		vertical-align: top;
	}
	a.contactsBranchLink{
		opacity: 1;
		display: inline-block;
		font-family: kReg;
		font-size: 1em;
		color: #00245D;
		text-decoration: none;
		transition: opacity 0.3s;
	}
	.contactsBranchLink:hover{
		opacity: 0.5;
		transition: opacity 0.3s;
	}
}

.contactsTileBG.service{
	background-image: url("../sources/contact/service.jpg");
}

.contactsBranchImg.upperhill{
	background-image: url("../sources/contact/upperhill.jpg");
}
.contactsBranchImg.lunga{
	background-image: url("../sources/contact/lunga.jpg");
}
.contactsBranchImg.ruaraka{
	background-image: url("../sources/contact/ruaraka.jpg");
}
.contactsBranchImg.westlands{
	background-image: url("../sources/contact/westlands.jpg");
}
.contactsBranchImg.tworivers{
	background-image: url("../sources/contact/tworivers.jpg");
}
.contactsBranchImg.nyali{
	background-image: url("../sources/contact/nyali.jpg");
}