@charset "UTF-8";

/* @import must be at top of file, otherwise CSS will not work */

/*@import url("//hello.myfonts.net/count/3b915c");*/  
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@font-face {
  font-family: 'TrueNorth-Regular';
  src: url('../fonts/TrueNorth-Regular/font.woff2') format('woff2'), url('webFonts/TrueNorth-Regular/font.woff') format('woff');
}

body {
	font-family: 'Roboto', sans-serif;
	background: #FCFBF7;
	overflow-x: hidden;
}
p {
	font-size:;
}
a {
	color:#C20020;
}
a:hover {
	color:#000;
}
.btn-primary {
	background-color:#C20020;
	border-color:#C20020;
}
.btn-primary:hover {
	background-color:#707070;
	text-decoration: none;
	border-color:#707070;
}
.jumbotron {
	border-radius:0;
	margin:0 auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ann-1-vs {
	background:url('../images/vraie-viande-sechee-suisse.jpg') no-repeat top center;
	background-size: cover;
	color:#fff;
	height:90vh;
}
.bande-rouge {
	height:66px;
	background: #C20020;
}
.bande-rouge-bas {
	height:40px;
	background: #C20020;
}
h1, h2, h3 {
	font-family:'TrueNorth-Regular';
}
.accroche h2 {
	color:#676767;
}
.accroche {
	margin-bottom:60px;
}
.ecusson-igp-vs {
	width:100px;
	margin:-50px auto 60px auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ecusson-igp-vs-bas {
	width:100px;
	margin:-30px auto 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.media-reponse-1 {
	background:url('../images/reponse-1.png') no-repeat top center;
	background-size: contain;
}
.media-reponse-2 {
	background:url('../images/reponse-2.png') no-repeat top center;
	background-size: contain;
}
.media-reponse-3 {
	background:url('../images/reponse-3.png') no-repeat top center;
	background-size: contain;
}
.media-reponse-1 h3, .media-reponse-2 h3, .media-reponse-3 h3 {
	color:#fff;
	font-size:140%;
	margin:24px;
}
.media-reponse-2 {
	/*display: flex;
  	flex-direction: row;
	align-items: flex-end;
	margin-bottom:24px;*/
}
#carte {
	margin-top:0;
	margin-bottom:0;
}
#prod2 {
	padding:30px;
}
#prod2 h5 {
	font-size:90%;
	line-height:1.1em;
	margin-top:12px;
}
#producteurs, #terroir {
	padding:30px;
	background: #fff;
}
.carousel-indicators li {
	background-color:#707070;
	height:12px;
	width:12px;
	border-radius:12px;
	border: solid 1px;
}
.carousel-indicators li.active {
	color:#C20020;
	background-color:#C20020;
}
footer {
	background-image: -webkit-linear-gradient(top, #707070, #3B3B3B); 
	background-image:    -moz-linear-gradient(top, #707070, #3B3B3B); 
	background-image:     -ms-linear-gradient(top, #707070, #3B3B3B); 
	background-image:      -o-linear-gradient(top, #707070, #3B3B3B); 
	background-image:         linear-gradient(top, #707070, #3B3B3B);
	color: #fff;
	font-size: 12px;
}
footer a {
	color:#fff;
	text-transform: uppercase;
}
footer a:hover {
	text-decoration: none;
}
footer ul {
	list-style: none;
}
footer ul li {
	line-height:2em;
}
@media (max-width:736px) {
	.media-reponse-1 h3, .media-reponse-2 h3, .media-reponse-3 h3 {
		padding:64px;
	}
	#prod2 h5 {
		font-size:200%;
		margin:24px 0 36px 0;
	}
}
@media (max-width:414px) {
	.media-reponse-1 h3, .media-reponse-2 h3, .media-reponse-3 h3 {
		font-size:120%;
		padding:36px;
	}
	.jumbotron {
		justify-content:inherit;
	}
	.ecusson-igp-vs {
		width:60px !important;
	}
	.ann-1-vs {
		background-size:contain;
		height:31.7vh;
	}
	.ann-1-vs h1 {
		font-size:140%;
	}
}