@charset "UTF-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#887f6f;
	font-family: 'Montserrat', sans-serif;
}

html {
	-webkit-text-size-adjust: 100%;
	 text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
	font-smoothing: grayscale !important;
    -moz-osx-font-smoothing: grayscale;
}

.container {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}	

.header {
	width:100%;
	
	float:left;
	background: url(img/header-background.jpg) right center no-repeat;
	background-size:cover;	
}

.logo {
	width:100%;
	float:left;
	text-align:center;	
}

.logo img {
	width:247px;
	height:auto;
}

.header-content {
	with:100%;
	max-width:600px;
	float:left;
	color:#fff;
	padding:60px 15px;
	text-align:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}


.header-content .title {
	font-size:36px;	
	margin-bottom:0;
}

.header-content .subtitle {
	font-size:24px;
	color:#c3bfb6;	
	margin-bottom:10px;
	margin-top:0;
}

.header-content .subtitle img {
	margin-bottom:3px;
}

.header-content .text {
	font-size:30px;
}


.content-block {
	width:100%;
	background:#887f6f;
	float:left;

}

.content-arrow {
	height:16px;
	margin-top:-16px;
	float:left;
	width:100px;	
	background:url(img/content-arrow.png) center center no-repeat;
}

.content-left {
	padding:30px 15px;
	color:#fff;
	font-size:16px;
	line-height:24px;
	float:left;
	width:75%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}

.content-left a {
	color:#dedbd4;	
}

.sidebar {
	float:right;	
	width:25%;
	margin-top:-110px;
	padding:15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}

.facebook-button {
	width:100%;
	background:#3d5a98;
	float:left;
	padding:15px 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	margin-bottom:10px;	
	text-align:right;
	color:#fff;
}

.facebook-button:hover {
	background:#334c82;	
}

.facebook-button img {
	float:left;
	width:auto;
	height:20px;	
}

.sidebar-contact {
	width:100%;
	float:left;
	background:#dedbd4;
	padding:15px 30px;	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	color:#48453f;
	font-size:16px;
	line-height:24px;
	margin-bottom:20px;
}

.sidebar-contact a {
		color:#48453f;
}


@media screen and (max-width: 1000px) {
		.sidebar-contact {
			font-size:14px;
			
		}
	
}

@media screen and (max-width: 900px) {

.content-left {
	width:50%;	
}

.sidebar {
	width:50%;
	margin-top:-50px;

	}	
	
}

@media screen and (max-width: 750px) {

}

@media screen and (max-width: 600px) {
	
.logo img {
	width:200px;
	height:auto;
}

.header-content {
	with:100%;
	text-align:center;
}

.header-content .title {
	font-size:24px;	
	margin-bottom:0;
}

.header-content .subtitle {
	font-size:18px;
	color:#c3bfb6;	
	margin-bottom:10px;
}

.header-content .text {
	font-size:18px;
}


.content-arrow {

	width:100%;	
}

		.content-left {
	width:100%;	
	text-align:center;
}

.sidebar {
	width:100%;
	margin-top:0px;

	}	
}