body{
	font-size:18px;
}

img {
	max-width: 100%;
	height: auto;
}

h1 { font-size: 1.75em; }
h2 {
	font-size: 1.25em;
	margin-top: 0;
}

.logo-area{
	padding-top:30px;
	padding-bottom:30px;
}

.content-body {
	text-align: justify;
}

.large{
	font-size:22px;
}



.area-font{
	opacity:1 !important;
}	

.outer-area {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	min-height:430px;
	color:#fff;
	overflow:hidden;
	opacity:0.75;
	background-color:#008CC8;
	margin-bottom:15px;
	background-image:url("../img/bg.png");
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
}

.items > div:nth-of-type(2) > .outer-area, .items > div:nth-of-type(3) > .outer-area {
	background-color:#3EAD2A;
}

.outer-area p {
	margin-bottom: 0;
}




.intouch{
	font-size:1.25em;
	padding-top:25px;
	padding-bottom:25px;
}


.area-icon{
	background-image:url("../img/chain_repeat.png");
	background-position:center;
	background-repeat: repeat-y;
	text-align: center;
}

.area-icon img {
	margin-left: auto;
	margin-right: auto;
}

.content_call, .content_mail{
	position:relative;
	width: 480px;
	height:100px;
	margin: 0 auto;
	font-size: 16px;
}

.content_description{
	position:absolute;
	top:19px;
	left:22px;
	width:458px;
	border: 2px solid #3EAD2A;
    	border-radius: 5px;
	background-color:#3EAD2A;
	color:#fff;
	font-size:1.25em;
	font-weight:700;
	padding: 14px 28px 14px 100px;
	z-index:1;
}

.tel-contact{
	border: 6px solid #0181CA !important;
}

.tel-contact-desc{
	border: 2px solid #0181CA !important;
	background-color:#0181CA !important;
}



.content_description > p{
	margin:0;
}

.content_description > a{
	color:#fff !important;
}

.content_image{
	position:absolute;
	background-color:#fff;
	height:100px;
	width:100px;
	text-align:center;
	border: 6px solid #3EAD2A;
	border-radius:100%;
	padding-top: 18px;
	z-index:10;
}

.content_image > img{
	height:50px;
}

.content_mail > .content_image > img{
	margin-top:10px;
	height:30px;
}


.footer-image, .footer-charter{
	padding:40px 0 20px 10px;

}
.footer-image{
	width:300px;
}

.footer-text{
	padding-top:30px;
	color:#B0B0B0;
}

.footer-right {
	text-align: right;
}




.header-colour{
	overflow:hidden;
	background-color:#008CC8;
	margin-bottom:15px;
}

.footer-colour{
	overflow:hidden;
	background-color:#E3E3E3;
	margin-top:15px;
	padding-left:10px;
}

@media screen and (max-width: 1200px) {
	.outer-area {
		display: block;
		padding: 2em 1em;
		min-height: none;
	}
	.outer-area > .area-icon {
		padding-bottom: 2em;
	}
	.area-icon{
		background-image:none;
		text-align: left;
	}
}
@media screen and (max-width: 992px) {
	.items > div:nth-of-type(3) > .outer-area {
		background-color:#008CC8;
	}
	.items > div:nth-of-type(4) > .outer-area {
		background-color:#3EAD2A;
	}

}
@media screen and (max-width: 992px) {
	.logo-area{
		padding-bottom: 0;
	}
	.content_call, .content_mail{
		width: auto;
		height: auto;
		margin-bottom: 2em;
	}
	.content_image, .content_description {
		position: relative;
		margin: 0 auto;
	}
	.content_description {
		width: auto;
		margin-top: -16px;
		padding: 14px;
		text-align: center;
		top: auto;
		left: auto;
	}
	.footer-colour, .footer-right {
		text-align: center;
	}
	.footer-text {
		padding-top: 10px;
	}
}
@media screen and (max-width: 400px) {
	.content_call, .content_mail{
		font-size: 0.75em;
	}
}