body {
	margin: 0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	font-size:12px;
	color: #ffffff;
}
.one-half {
	width:50%;
	display: inline-block;
	float: left;
	height:auto;
	position:relative;
}
.overview {
	width:100%;
}
.carte {
	background-image: url('../img/carte1.jpg');
	background-repeat:no-repeat;
	background-size: cover;

 }
.outdoor {
	background-image: url('../img/outdoor1.jpg');
	background-repeat:no-repeat;
	background-size: cover;
}
.first-center-content {
	text-align:center;
	position:absolute;
	right:0;
	left:0;
}
.center-content {
	text-align:center;
	position:absolute;
	right:0;
	left:0;
	top:30;
}
.center-content img{
	width: 240px;
    margin-left: -50px;
}
.float-l {
	float:left;
}
.float-r {
	float:right
}
img {
	display:inline-block;
}
.overview{
	position:relative;
}
.inner-logo {
	text-align:center;
	bottom: 0;
	position:absolute;
	right: 0;
	left:0;
	z-index:99;
}
h3 {
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing:2;
	margin-bottom:10px;
}
h4 {
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing:1.4;
}
.inner-logo a {
	color:#b86543;
	color:#fff;
	text-decoration: none;
	display:block;
}
.inner-logo a span{
	color:#b86543;
}
.inner-logo a:hover span{
	text-decoration:underline;
}
.title  {
	position:absolute;
}
 .carte .title {
	right:0;
}
.outdoor .title {
	left:0;
}
.text-container {
	max-width:600px;
	margin: 0 auto;
}
p {
	font-size: 1.3em;
	line-height:1.5;
	padding: 5px 10px;
}
.contact {
	padding:0;
	font-size: 1.4em;
	margin-top: 0;
	z-index: 100;
    position: relative;
}
.text-container p a{
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
.text-container p a:hover {
	text-decoration: underline;
}
.social {
	margin: 30px 30px;
}
.social a {
	height: 40px;
	width: 40px;
	font-size: 20px;
	background-color: #f1f1f1;
	color: #1d1d1b;
	display: inline-block;
	line-height: 23px;
	text-align: center;
	border-radius: 50%;
}
.social a i {
	margin-top: 9px;
}
.overlay {
	height: 100%;
	width:100%;
	background: rgba(0, 0, 0, 0.6);
}
.title {
	top:220;
}
 @media only screen and (max-width: 767px){ 
	.center-content img{
		width: 200px;
		margin-left: -40px;
	}
	.center-content {
		top: 20vh;
	}
	.inner-logo img{
		width:50%;
	}
	.social a {
		height: 30px;
		width: 30px;
		font-size: 15px;
	}
	.social a i {
		margin-top: 8px;
	}
	.mobile-hidden{
		display:none;
	}
}