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

@font-face {
	font-family: Donjose;
	src:url(../font/donjose.otf);
	font-style: normal;
}

/*Header*/

body {
	background-image: url(../img/fond3.jpg);
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header.masthead {
	padding-top: 10rem;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image:url(../img/header.png);
	/*height: 100vh;*/
}

.logo {
	font-size: 5rem!important;
}

.slogan {
	position: absolute;
	margin-left: 180px;
	width: 270px;
	margin-top: 20px;
}

@media (min-width: 768px) {
  header.masthead p {
    font-size: 1.15rem;
  }
	
}

@media (min-width: 992px) {
  header.masthead {
    /*height: 100vh;*/
    min-height: 650px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead h1 {
    font-size: 4.5rem;
  }
	.logo {
		font-size: 8rem!important;
	}

	.slogan {
		position: absolute;
		margin-left: 230px;
		width: 500px;
		margin-top: 20px;
	}
	
}

@media (min-width: 1200px) {
  header.masthead h1 {
    font-size: 5.5rem;
  }
}

h1, h2, h3, h4 {
	font-family: Donjose;
}

.contact-card {
	background-color: rgba(237,104,79,0.30);
	border-radius:20px;
}

footer {
	background-image: url(../img/footer.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media (min-width: 1800px) {
	footer {
		position: fixed;
		height: 100px;
		bottom: 0;
		width: 100%;
	}
}