@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 1200px
-------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.wrapper { width:90%; }
	header .wrapper { width:90%; }
	.logo { width: 320px; margin-top: 1.3em; }
	.logo-subtitle { display: block; position: absolute; left: 0; bottom: -1.7em;}
	.filters-input { float: none;}
	h1 { width: 100%;}
	select { margin: 0 1em 0 0;}
}

/*-------------------------------------------------------------------
	Less than 900px
-------------------------------------------------------------------*/
@media screen and (max-width: 900px) {
	.full-grid-mobile > div{ float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.full-grid-mobile .btn-box { margin-bottom: 2em; }
	.btn-box-title { font-size:1.2em;}
	.cheese-list.l-grid > .l-grid-25 { width: 33.333%; }
	.cheese-list.l-row-4 > div:nth-child(4n-1) { padding:0; clear: none; }
	.cheese-list.l-row-4 > div:nth-child(4n-2) { padding:0; clear: none; }
	.cheese-list.l-row-4 > div:nth-child(4n) { padding:0; clear: none; }
	.cheese-list.l-row-4 > div:nth-child(4n+1) { padding:0; clear: none; }
	.cheese-list.l-row-4 > div:nth-child(3n-1) { padding:0 1em 0 1em; }
	.cheese-list.l-row-4 > div:nth-child(3n) { padding:0 0 0 2em; }
	.cheese-list.l-row-4 > div:nth-child(3n+1) { clear:both; padding: 0 2em 0 0; }

}
/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 820px) {
	#search-toggle, .facebook-icon, .secondary-navigation-link { display: none;}
	select { margin-top:	1em;}
	.parallax-item { max-height:15em; }
	.no-columns-mobile > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.no-columns-mobile .is-parallax { display: none; }
	.no-columns-mobile .is-mobile { display: block;}
	.no-columns-mobile .mobile-picture { display:block; width: 100%;}
}

/*-------------------------------------------------------------------
	Less than 690px
-------------------------------------------------------------------*/
@media screen and (max-width: 690px) {
	 header .btn{ display: none;}
}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
	.l-grid > div, .cheese-list.l-row-4 > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.l-grid.is-equal-height > div { display: block !important; border-right: none !important;}
	.l-grid.is-equal-height { display: block; }
	.has-cheese-bg-content, .has-charcuterie-bg-content { height: auto !important;}
	h1 { font-size: 1.5em; }
	h2 { font-size:1.2em;}
	p, ul { font-size:1em;}
	.btn { font-size:1em;}
	.cow, .chevre { display: none; }
	.btn-box-title { font-size:1.2em;}
	.logo-subtitle { display: none; }
	.logo { width: 160px; height: 50px; background-size: contain;padding: 0; margin-top: 1.7em; }
	.nav-header { padding: 25px 25px 25px 0;}
	header { height: 99px;}
	.v-spacer { padding: 99px 0 0 0; }
	.v-spacer-section { padding:50px 0; }
	.featured { font-size: 2.0em; padding: 20px; }
	.btn-box { margin-bottom: 2em;}
	.is-parallax { display: none; }
	.is-mobile { display: block;}
	.btn-box-title { background-size: cover;}
	.information-icons { position: relative; top: 0; width: 100%; text-align: center; padding: 0 5%;border-right: none !important;}
	.card { padding: 2em 5%;}
	.wrapper .card{ padding:2em 0;}
	.is-text-aligned-right, .is-text-aligned-right p { text-align: left;}
	.nav { top: 99px; }
	.nav-list-1 { text-align: left; }
	.nav-list-1 { width: 100%; }
	.nav-list-2 { left:0; z-index: 30000; width: 100%; position: relative; padding-top: 0; background: none; display: none;}
	.nav-el-1-link { padding-left: 5%; padding-right: 5%; font-size: 1.4em !important; }
	.nav-el-2-link { font-size: 0.9em; }
	.has-5-padding, .has-3-padding, .l-grid > .has-2-padding{ padding: 2em 5% !important;}
	.texture-large, .floating-cheese, .texture-high, .cow, .floating-charcuterie, .pig, .floating-bidon { display: none;}
	.parallax-cheese, .parallax-commande { margin-top: 0 !important; transform: none !important;}
	.parallax-charcuterie { position: relative; }
	.parallax-commande .has-300-top-margin { top: 0; margin-top: 2em; }
	.has-cheese-bg-content, .has-charcuterie-bg-content, .has-producer-bg-content { padding: 3em 5% !important;}
	.has-100-top-margin { margin-top: 0 !important; }
	.box  { margin-bottom: 2em;}
	footer .l-grid.has-no-gap > div { padding-top: 2em !important;}
	footer .nav-list-1 { padding-top: 0; }
	.slider-picture, .flexslider { min-height: 0; height: 17em !important;}
	.slider-picture { background-position: center;}
	.mobile-picture { display:block; width: 100%;}
	.nutrition-facts { min-width:90%;}
	.has-middle-border:after { content: ''; display: none;}
	.history-box li { width: 100%; padding: 0 !important; text-align: left !important; margin-top: 2em !important;}
	.history-box li:after { display: none;}
	.laiterie { position: relative; top: auto; right: auto; margin: 2em auto; display: block;}
	.has-6-tb-margin { margin: 2em auto;}
	.section-slider > div > div:nth-child(2) { display: none;}
	.section-slider, .section-slide { height:10em;}
	.arrow-list li { width: 100%; padding: 0 !important; text-align: left !important; margin-top: 2em !important;}
	.arrow-list li:after { display: none;}
	.scroll { bottom:-1.4em;display: none; }
	.has-no-mobile-overflow { overflow: visible; }
	.boxed-title-mobile-inverted { background: #E77B1B; color: #FFF;}
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	.logo { background:url(../images/logo@2x.png); background-size: contain; background-repeat: no-repeat; }
}