/* Styles créés par Emilie BRIOSCA */

body {
	font-family: "Titillium Web", sans-serif;
	color: #033a79;
}

h1 {
	font-family: "Titillium Web", sans-serif;
	font-weight: bold;
	font-size: 46px;
	line-height: 48px;
	text-transform: uppercase;
}

h2 {
	font-family: "Titillium Web", sans-serif;
	font-weight: bold;
	font-size: 44px;
	text-transform: uppercase;
}

h3 {
	font-family: "Titillium Web", sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
}

#hero {
	justify-content: center;
	padding: 3em;
	background: #4DAFE4 url("../images/fond-page.jpg") no-repeat bottom center;
	background-size: 100%;
	min-height: 760px;
	border-radius:10px;
	-webkit-box-shadow: 6px 6px 35px -8px rgba(0,0,0,0.4);
	-moz-box-shadow: 6px 6px 35px -8px rgba(0,0,0,0.4);
	box-shadow: 6px 6px 35px -8px rgba(0,0,0,0.4);
}
main .row {
	margin-bottom: 30px;
}
.chapeau {
	font-size: 1.4em;
}
.livraison {
	font-size: 1.1em;
	font-weight: bold;
}
.icone {
	padding-left: 55px;
	background-repeat: no-repeat;
	background-position: left top;
}
.adresse {
	background-image: url("../images/icone-plan.png");
}
.horaires {
	background-image: url("../images/icone-horaires.png");
}
.tel {
	background-image: url("../images/icone-tel.png");
}
.petit {
	font-size: 0.9em;
}
.CTA {
	margin-top:2em;
}
.CTA h2 {
	margin: 1em 0;
}
.bouton {
	background: #2e2ea9;
	padding: 5px 10px;
	color: white;
	border-radius: 10px;
	font-weight: bold;
	margin: 1em auto;
}
.bouton:hover {
	background: #29BAF0;
	color: white;
	text-decoration: none;
}
.bouton.lien {
	padding: 10px 30px;
	font-size: 1.1em;
}

footer {
	background-color: #acb6c6;
	padding: 3em;
	font-size:0.8em;
}
.copyright {
	margin: 2em 0 0;
}


@media only screen and (max-width: 768px) {
	
  /* For mobile phones: */
#hero {
	padding:1em;
	min-height: 550px;
}
h1 {	
	font-size: 26px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}
.chapeau {
	font-size: 1.1em;
}
  
}