html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 100;
	color:#2f2f2f;
}

a, a:hover {
	text-decoration: none;
}

header {
	position: relative;
	height: 210px;
	width:100%;
	background: url('../img/pattern.jpg') repeat center bottom;
}

h1 {
	background-color: #ff0000;
	display: inline-block;
	color: white;
	padding:25px 40px 30px;
	font-size: 65px;
	font-weight: 100;
	margin: 0;
	position: absolute;
	z-index: 15;
	top:44%;
}

footer {
	margin-top: 60px;
}

.adresse {
	font-size: 18px;
	color: #636363;
	line-height: 1.2em;
}

h2 {
	font-size: 24px;
	color:#ff0000;
	margin:0;
}

h3 {
	color:white;
	font-size: 18px;
	font-weight: 700;
}

.cta a {
	margin-top: 20px;
	display: inline-block;
	background-color: #ff0000;
	color: white;
	font-weight: 400;
	font-size: 30px;
	padding:20px 40px 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cta a:hover {
	background-color: #e02222;
}

.bottom-footer {
	border-top: 1px solid #dedede;
	margin-top: 15px;
	padding-top: 15px;
}

.bottom-footer, .bottom-footer a {
	font-size: 14px;
	color:#2f2f2f;
}

.bottom-footer a:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 992px) {
	header {
		height: 12vh;
	}
	h1 {
		font-size: 6vw;
		padding:15px 25px 20px;
		top:28%;
	}
}

@media only screen and (max-width: 768px) {
	.cta a {
		font-size: 17px;
	}

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