html { font-size: 62.5%; } 
body{
	padding: 0;
	margin: 0;
	color: #333333;
	font-family: 'Roboto Slab', serif;
	font-size: 1.6rem;
	font-weight: 300;
	overflow-x: hidden;
	background-color: white;
}
body.fixed{
	overflow: hidden;
}
section {
	display: block;
	position: relative;
}

/* MOBILE-ONLY */
.mobile-only{
	display: none;
	visibility: hidden;
}

/* LINES */
.lines:after, .lines:before {
	content:'';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.5);
}
.lines:after { bottom: 8px; }
.lines:before { top: 8px; }

/* HEADER */
.header {
	background-color: #e5e5e5;
	width: 100vw;
	padding-top: 80px;
}
.header-background {
	position: relative;
	width: 100vw;
	height: 56vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.header-background.home {
	height: 72vh;
}
.header-background .header-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 56vh;
	vertical-align: middle;
	text-align: center;
	padding: 0 20vw;
}
.header-background.home .header-content {
	height: 72vh;
}
.header-background .header-content .logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 32vh;
	height: 32vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/logo-lesmerles.svg');
}
.header-background .header-content .logo.diap { background-image: url('../img/logo-lesmerles-diap.svg'); } 

/* FADE-IN */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    opacity:1;
  }
}
.fade-in {
	opacity:0;
	-webkit-animation:fadeIn ease-out 2s;
	-moz-animation:fadeIn ease-out 2s;
	animation:fadeIn ease-out 2s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s;
}

/* LANGUAGE */
.language {
	background: url('../img/icon-merles.svg') no-repeat center bottom;
	background-size: 32%;
	position: absolute;
	width: 320px;
	height: 160px;
	bottom: 0;
	right: 0;
}
.language ul {
	display: inline-block;
	position: relative;
	padding: 0 1.4rem;
	margin: 0;
	background-color: #ffffff;
	list-style-type: none;
	border-radius: 4px;
}
.language ul::before {
	content: '';
	display: block;
	border-top: 24px solid #ffffff;
	border-left: 24px solid transparent;
	position: absolute;
	bottom: -20px;
	left: 72px;
}
.language ul::after {
	content: '';
	display: block;
	clear: both;
}
.language ul li {
	position: relative;
	float: left;
}
.language ul li a {
	display: block;
	height: 50px;
	padding: 0 1.4rem;
	margin: 8px 8px 8px 8px;
	font-family: 'Roboto Condensed', sans-serif;
	color: rgba(0,0,0,0.2);
	font-size: 2.0rem;
	line-height: 50px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.25s ease;
}
.language ul li.active a,
.language ul li a:hover {
	color: rgba(0,0,0,0.8);
}

/* CENTERTEXT */
.centertext {
	text-align: center;
	padding: 10vh 0;
	width: 100vw;
}
.centertext.diap { background-color: #333333; }
.centertext.bistro { background-color: #959272; }
.centertext .centertext-content {
	width: 60vw;
	margin: 0 auto;
}
.centertext .centertext-content h1,
.centertext .centertext-content h2 {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.48rem;
	font-size: 3.6rem;
	text-transform: uppercase;
	line-height: 120%;
	margin: 0.8rem 0;
}
.centertext.diap .centertext-content h1,
.centertext.bistro .centertext-content h1,
.centertext.diap .centertext-content h2,
.centertext.bistro .centertext-content h2 {
	color: #ffffff;
}
.centertext .centertext-content p {
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 300;
}
.centertext.diap .centertext-content p,
.centertext.bistro .centertext-content p { 
	color: #ffffff; 
}

.iframe-container {
	width: 100vw;
	height: 50vw;
}
.iframe-container iframe {
	border: 0;
	width: 100%;
	height: 100%;
}

/* USP */
ul.usp {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.usp li {
	display: inline-block;
	padding: 0 1rem;
	/*margin-bottom: 1rem;*/
}
ul.usp li span {
	display: inline-block;
	width: 20px;
	height: 28px;
	background-image: url('../img/icon-check.svg');
	transform: translate(-2px, 6px);
}



/* BUTTON */
a.btn {
	display: inline-block;
	box-sizing: border-box;
	margin: 1rem 0.5rem 2rem;
	padding: 1.6rem 2.4rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.8rem;
	line-height: 100%;
	color: #ffffff;
	text-decoration: none;
	border: 2px solid rgba(255,255,255,0);
	border-radius: 4px;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	transition: all 0.25s ease;
}
a.btn:hover {
	-webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.25);
	border: 2px solid rgba(255,255,255,0.8);
}
.text-column a.btn { color: #ffffff; }
.text-column a.btn:hover { color: #ffffff; }
a.btn.green {
	border-radius: 6px;
	border: 2px solid rgba(255,255,255,0.3);
	background-color: #48aa21;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
	transition: all 0.25s ease;
}
a.btn.green:hover { border: 2px solid rgba(255,255,255,0.6); }

/* BOOK-RESTAURANT */
.book-restaurant {
	display: inline-block;
	padding: 2rem 6rem 2rem 2rem;
	position: fixed;
	top: 100px;
	right: 0;
	background-color: #d2dcb4;
	text-decoration: none;
	color: #4d4d4d;
	line-height: 100%;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	transition: all 0.25s ease;
}
.scrolled .book-restaurant { top: 56px; }
.book-restaurant:hover { background-color: #e6c800; }
.book-restaurant span { font-weight: 700; }
.book-restaurant:after {
	content:'';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 6rem;
	height: 100%;
	background: url('../img/icon-phone.svg') no-repeat center center;
}

/* ICON LOGO */
a.icon {
	position: absolute;
	top: 20px;
	left: 35px;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	cursor: pointer;
	transition: all 0.25s ease;
}
.scrolled a.icon {
	top: 8px;
}
a.icon span.icon-lesmerles{
	display: block;
	width: 40px;
	height: 40px;
	background: url('../img/icon-lesmerles.svg') no-repeat center center;
	opacity: 0.8;
}

/* GRADIENT-BLACK*/
.gradient-black {
	background: #3f3f3f;
	background: -moz-linear-gradient(-45deg,  #3f3f3f 0%, #1a1a1a 100%);
	background: -webkit-linear-gradient(-45deg,  #3f3f3f 0%,#1a1a1a 100%);
	background: linear-gradient(135deg,  #3f3f3f 0%,#1a1a1a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#1a1a1a',GradientType=1 );
}

/* NAVIGATION */
.navigatie {
	position: fixed;
	top:0;
	left: 0;
	width: 100vw;
	height: 80px;
	transition: height 0.25s ease;
}
.scrolled .navigatie {
	height: 56px;
}
.navigatie a {
	position: relative;
	display: block;
	float: left;
	/*height: 80px;*/
	padding: 0 0.8rem;
	margin: 0;
	font-family: 'Roboto Condensed', sans-serif;
	color: #999999;
	font-size: 1.5rem;
	line-height: 80px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.25s ease;
}
.scrolled .navigatie a{
	height: 56px;
	line-height: 56px;
}
.navigatie:after {
	content:'';
	display: block;
	width: 100vw;
	height: 16px;
	position: absolute;
	bottom: -16px;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.12) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.12) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.12) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F000000', endColorstr='#00000000',GradientType=0 );
}
.navigatie ul.mainmenu {
	position: absolute;
	top: 0;
	left: calc(100px - 0.8rem);
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.navigatie ul.mainmenu li a:hover { color: #e6c800; }
.navigatie ul.mainmenu li.active a,
.navigatie ul.mainmenu li.current-menu-item a,
.navigatie ul.mainmenu li.current-page-ancestor a { color: #e6c800; }
.navigatie ul.mainmenu li{
	position: relative;
	float: left;
}
.navigatie ul.mainmenu li ul {
	position: absolute;
	display: none;
	z-index: 9;
	background-color: #333333;
	left: 0;
	top: 80%;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0.8rem;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.32);
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.32);
	transition: all 0.25s ease;
}
.navigatie ul.mainmenu li:hover ul {
	display: block;
}
.navigatie ul.mainmenu li ul li { float: none; }
.navigatie ul.mainmenu li ul li a {
	display: block;
	float: none;
	height: 40px;
	color: #999999;
	line-height: 40px;
	/*border-bottom: 1px solid rgba(255,255,255,0.1);*/
	white-space: nowrap;
	padding: 0 2.4rem;
}
.navigatie ul.mainmenu li ul li.active a,
.navigatie ul.mainmenu li ul li a:hover {
	background-color: rgba(0,0,0,0.2);
}

/* RESERVATION */
ul.reservation {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.reservation li a {
	background-color: #333333;
	padding: 0 32px 0 8px;
	color: #e6c800;
}
ul.reservation li a:before {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: -24px;
	border-top: 80px solid transparent;
	border-right: 24px solid #333333;
	transition: border-top 0.25s ease;
}
.scrolled ul.reservation li a:before {
	border-top: 56px solid transparent;
	border-right: 24px solid #333333;
}

/* ICONS */
ul.icons {
	display: block;
	float: right;
	margin: 20px 20px 0 0;
	padding: 0;
	list-style-type: none;
	transition: all 0.25s ease;
}
.scrolled ul.icons {
	margin: 8px 20px 0 0;
}
ul.icons li{
	position: relative;
	float: left;
}
ul.icons li a {
	display: block;
	float: left;
	overflow: hidden;
	width: 32px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	opacity: 0.5;
	transition: all 0.25s ease;
}
ul.icons li a:hover { opacity: 0.8; }
ul.icons li a span {
	display: block;
	width: 32px;
	height: 40px;
}
ul.icons li a span.icon-menu { background: url('../img/icon-menu.svg') no-repeat center center; }
ul.icons li a span.icon-facebook { background: url('../img/icon-facebook.svg') no-repeat center center; }
ul.icons li a span.icon-twitter { background: url('../img/icon-twitter.svg') no-repeat center center; }
ul.icons li a span.icon-mail { background: url('../img/icon-mail.svg') no-repeat center center; }
ul.icons li a span.icon-instagram { background: url('../img/icon-instagram.svg') no-repeat center center; }
ul.icons li a span.icon-linkedin { background: url('../img/icon-linkedin.svg') no-repeat center center; }

/* OVERLAY */
.overlay{
	position: fixed;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 1s ease;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.overlay.show{
	opacity: 1;
	width: 100vw;
}
.overlay.toggle-menu:hover{
	background-color: rgba(0,0,0,0.5);
}

/* MENU */
.menu{
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: 0vw;
	background-color: rgba(33,33,33,1);
	margin: 0;
	padding: 0;
	transition: all 0.4s ease;
	z-index: 33;
	overflow: hidden;
}
.menu.show{
	width: 80vw;
}
.menu .content-menu-container{
	width: 80vw;
	height: calc(100vh - 80px);
	position: absolute;
	top: 80px;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
.menu .content-menu-container .content-menu{
	width: 80vw;
	position: relative;
	padding: 0;
}
.menu .content-menu-container .content-menu ul{
	padding: 0;
	margin: 5vw 0 5vw 10vw;
	list-style-type: none;
}
.menu .content-menu-container .content-menu ul li ul { margin: 0 0 5vw 5vw; }
.menu .content-menu-container .content-menu ul li a{
	position: relative;
	display: block;
	height: 48px;
	line-height: 48px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.7rem;
	color: rgba(255,255,255,0.6);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	text-transform: uppercase;
	text-decoration: none;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	transition: all 0.25s ease;
}
.menu .content-menu-container .content-menu ul li ul li a{
	height: 36px;
	line-height: 36px;
}
.menu .content-menu-container .content-menu ul li.active a, 
.menu .content-menu-container .content-menu ul li a:hover{
	color: #e6c800;
}

/* MENU-MENU */
.menu-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 80vw;
	height: 80px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	overflow: hidden;
	transition: height 0.25s ease;
}
.scrolled .menu-menu {
	height: 56px;
}

/* DORDOGNE */
.dordogne {
	text-align: left;
	padding: 10vh 0;
	width: 100vw;
	background: #f2f2f2 url('../img/background-lesmerles-02.png') no-repeat right center;
}
.dordogne-content {
	width: 50vw;
	margin: 0 36vw 0 14vw;
}
.dordogne-content h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.4rem; 
	letter-spacing: 0.32rem;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0.7rem 0;
}
.dordogne-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.dordogne-content ul li a {
	display: inline-block;
	padding: 8px 0 8px 20px;
	text-decoration: none;
	color: #333333;
	transition: color 0.25s ease;
}
.dordogne-content ul li a:hover { color: #23a185; }
.dordogne-content ul li a span {
	display: inline-block;
	width: 20px;
	margin-left: -20px;
	height: 28px;
	background-image: url('../img/icon-check.svg');
	transform: translate(-2px, 6px);
}

/* FOOTER */
.footer {
	padding: 8vh 0 12vh;
	width: 100vw;
}
.footer-content {
	width: 75vw;
	margin: 0 auto;
}
.footer-item {
	float: left;
	width: 21vw;
	color: #999999;
	padding: 0 2vw;
	text-align: left;
}
.footer-item p {
	font-size: 1.4rem;
	font-weight: 300;
	margin: 0 0 1.2rem;
}
.footer-item a { color: #999999; }
.footer-item img { 
	width: 80%;
	margin: 0 10%;
}
.footer-item ul {
	margin: 0 0 24px;
	padding: 0px;
	list-style-type: none;
	font-size: 1.4rem;
	line-height: 5.0rem;
}

/* STARS */
.stars {
	display: inline-block;
	width: 112px;
	height: 28px;
}

/* MARKER */
a.marker {
	display: block;
	width: 70px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: -35px;
}
.bg-color-1 { fill: #fff; }
.bg-color-2 { 
	fill: #333333; 
	transition: all 0.25s ease;
}
a.marker:hover .bg-color-2 { fill: #999999; }

.diap .bg-color-1 { fill: #333333; }
.bistro .bg-color-1 { fill: #959272; }
.diap .bg-color-2, .bistro .bg-color-2 { fill: #ffffff; }
.diap a.marker:hover .bg-color-2, .bistro a.marker:hover .bg-color-2 { fill: #999999; }


/* EDIT */
a.post-edit-link {
	display: block;
	z-index: 999;
	width: auto;
	height: 56px;
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 0 20px;
	font-size: 18px;
	line-height: 56px;
	color: white;
	text-decoration: none;
	text-align: center;
	/*BACKGROUND*/
	background: #454545;
	/*SHADOW*/
	-webkit-box-shadow: 0px 12px 8px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 12px 8px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 12px 8px 0px rgba(0,0,0,0.24);
	transition: all 0.15s ease;
}
a.post-edit-link:hover {
	height: 64px;
}

/* PRODUCTS */
.products {
	width: 80vw;
	margin: 0 10vw;
}
.products:after {
	content: '';
	display: block;
	clear: both;
}
.products a { 
	color: #ffffff; 
	padding: 0;
	margin: 0;
}
.products .product {
	position: relative;
	box-sizing: border-box;
	margin: 1vw;
	float: left;
	width: 18vw;
	text-align: center;
	background-color: #333333;
}
.product-header {
	position: relative;
	height: 18vw;
	background-size: cover;
}
.product-header-background {
	width: 100%;
	height: 100%;
	background-size: cover;
	opacity: 0.32;
	-webkit-filter: saturate(2);
	filter: saturate(2);
}
.product-title {
	position: absolute;
	width: 75%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}
.product-title h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8rem; 
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0.7rem 0;
	hyphens: auto;
}
.product-content { 
	padding: 2rem 4rem; 
	min-height: 12vw;
}
.product-content p,
.product-price p {
	font-size: 1.5rem;
	line-height: 1.5rem;
}
.product-price p span { font-size: 2rem; }
.product-footer { 
	border-top: 2px solid rgba(255,255,255,0.5);
}
.product-footer p {
	display: inline-block;
	background-color: #999999;
	font-family: 'Roboto Condensed', sans-serif;
	color: #333333;
	padding: 1.4rem 2.8rem;
	border-radius: 8px;
	opacity: 0;
	transition: opacity 0.25s ease;
}
a:hover .product-footer p {
	opacity: 1;
}
.full-width-image {
	padding: 0;
	margin: 0;
}
.full-width-image img {
	width: 100vw;
	height: auto;
	display: block;
}

/* BLOCKS */
.blocks {
	width: 80vw;
	margin: 0 auto;
}
.blocks a { 
	color: #333333; 
	padding: 0;
	margin: 0;
}
.blocks a .diap { color: white; }
.blocks .block {
	position: relative;
	margin: 1vw;
	float: left;
}
.products .product:after,
.blocks .block:after {
	content:'';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	border-top: 0vw solid #ffffff;
	border-right: 0vw solid #ffffff;
	border-bottom: 0vw solid #e6c800;
	border-left: 0vw solid #e6c800;
	transition: all 0.25s ease;
}
.products a:hover .product:after, 
.blocks a:hover .block:after{
	border-top: 3vw solid #ffffff;
	border-right: 3vw solid #ffffff;
	border-bottom: 3vw solid #e6c800;
	border-left: 3vw solid #e6c800;
}
.blocks .block .block-background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #aad1cc;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}
.blocks .block .block-background img {
	width: 100%;
	height: auto;
}
.blocks .block .block-overlay {
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0;
	transition: all 0.5s ease;
}
.blocks .block.diap .block-overlay { background-color: black; }
.blocks a:hover .block-overlay { opacity: 0.8; }
.blocks a:hover .diap .block-overlay { opacity: 0.6; }
.blocks .block .block-content {
	position: absolute;
	text-align: center;
	width: 75%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.blocks .block .block-content h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.4rem; 
	letter-spacing: 0.32rem;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0.7rem 0;
}
.blocks .block .block-content p {
	font-size: 1.8rem;
	line-height: 110%;
	font-weight: 300;
	margin: 0;
}
.blocks .block.size-4x2 {
	width: 78vw;
	height: 38vw;
}
.blocks .block.size-1x1 {
	width: 18vw;
	height: 18vw;
}
.blocks .block.size-2x1 {
	width: 38vw;
	height: 18vw;
}
.blocks .block.size-2x2 {
	width: 38vw;
	height: 38vw;
}
.blocks .block.size-4x2 .block-content h3 { 
	letter-spacing: 0.48rem;
	font-size: 3.6rem;
}
.blocks.whitespace {
	height: 10vh;
}

/* GRID */
.grid.diap { background-color: #333333; }
.grid-regel {
	width: 100vw;
	height: 50vw;
	margin: 0 auto;
}
.grid-regel.small { height: 25vw; }
.grid-regel.grid-text { height: auto; }
.grid-regel::after {
	content: '';
	display: block;
	clear: both;
}
.grid-item {
	position: relative;
	background-color: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	color: #333333;
	overflow: hidden;
}
.grid-item img {
	width: 100%;
	height: auto;
}
.grid-item.diap {
	background-color: #333333;
	color: white;
}
.grid-item h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.4rem; 
	letter-spacing: 0.32rem;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0.7rem 0;
}
.grid-item p { font-size: 1.6rem; }
.grid-item.item-2x2 {
	width: 50%;
	height: 100%;
}
.grid-item.item-1x1 {
	width: 25%;
	height: 50%;
	background-color: rgba(0,0,0,0.3);
}
.grid-item.item-2x1 {
	width: 50%;
	height: 50%;
}
.grid-item .grid-content {
	position: absolute;
	text-align: center;
	width: 75%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* TEXT-COLUMN */
.text-column {
	width: 42%;
	padding: 4%;
	float: left;
}
.text-column.full { width: 92%; }
.text-column h1,
.text-column h2 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.text-column h1 {
	font-size: 2.4rem;
	letter-spacing: 0.32rem;
}
.text-column h2 {
	font-size: 2.1rem;
	letter-spacing: 0.28rem;
}
.text-column h3 {
	font-size: 1.8rem;
	font-weight: 700;
}
.text-column a { color: #333333; }
.text-column a:hover { color: #23a185; }

blockquote {
	position: relative;
	background-color: #d2dcb4;
	padding: 5rem;
	margin: 5rem 0;
}
blockquote p {
	font-size: 2.4rem;
	text-indent: -1rem;
	margin: 0;
	padding: 0;
	line-height: 120%;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
td, th { 
	padding-right: 1rem;
	padding-bottom: 8px;
}
td.price { 
	text-align: right; 
	padding-right: 0;
}

/* VIEW-1200-PLUS */
@media (min-width: 1200px) {
	.grid-regel {
		width: 80vw;
		height: 40vw;
	}
	.grid-regel.small { height: 20vw;}
}

/* VIEW-1200 */
@media (max-width: 1200px) {
	a.icon, .scrolled a.icon { left: 16px; }
	.navigatie ul.mainmenu { left: calc(81px - 0.8rem); }
}

/* VIEW-1100 */
@media (max-width: 1100px) {
	.mobile-only{
		display: block;
		visibility: visible;
	}
	.menu-hidden {
		display: none;
		visibility: hidden;
	}
	.blocks .block .block-content p { font-size: 1.5rem; }
}

/* VIEW-800 */
@media (max-width: 800px) {
	.blocks {
		width: 86vw;
		margin: 0 auto;
	}
	.blocks .block .block-content h3 {
		font-size: 1.5rem; 
		letter-spacing: 0.16rem;
	}
	.blocks .block.size-4x2 {
		width: 84vw;
		height: 42vw;
	}
	.blocks .block.size-1x1 {
		width: 41vw;
		height: 41vw;
	}
	.blocks .block.size-2x1 {
		width: 84vw;
		height: 42vw;
	}
	.blocks .block.size-2x2 {
		width: 84vw;
		height: 84vw;
	}
	.blocks .block.size-4x2 .block-content h3 { 
		letter-spacing: 0.32rem;
		font-size: 2.4rem;
	}
	.dordogne {
		padding: 6vh 0;
		width: 100vw;
		background: #f2f2f2 url('../img/background-lesmerles-0.png') no-repeat right center;
	}
	.footer {
		padding: 8vh 0 12vh;
		width: 100vw;
	}
	.footer-content {
		width: 84vw;
		margin: 0 auto;
	}
	.footer-item {
		float: left;
		width: 84vw;
		color: #999999;
		padding: 2vh 0;
		text-align: left;
	}
	.footer-item p {
		font-size: 1.4rem;
		font-weight: 300;
		margin: 0 0 1.2rem;
	}
	.footer-item a { color: #999999; }
	.footer-item img { 
		width: 80%;
		margin: 0 10%;
	}
	.product-title h3 {
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 900;
		hyphens: auto;
		font-size: 1.6rem; 
		letter-spacing: 0.2rem;
	}
	.product-price p span { font-size: 1.2rem; }
	ul.icons { margin: 16px 16px 0 0; }
	.scrolled ul.icons { margin: 4px 16px 0 0; }
	ul.icons li a {
		width: 48px;
		height: 48px;
	}
	ul.icons li a span {
		width: 32px;
		height: 48px;
		transform: translate(8px, 0px);
	}
	.products {
		width: 88vw;
		margin: 0 6vw;
	}
	.products .product {
		margin: 1vw;
		width: 42vw;
	}
	.product-header {
		height: 42vw;
	}
	.product-content { 
		padding: 2rem; 
		min-height: 20vw;
	}
	.product-content p,
	.product-price p {
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	.product-price { margin-bottom: 5vh; }
}

/* MOBILE-VIEW-480 */
@media (max-width: 480px) { 
	.mobile-only{
		display: block;
		visibility: visible;
	}
	a.post-edit-link,
	.mobile-hidden {
		display: none;
		visibility: hidden;
	}
	.header-background { height: 100vw; }
	.header-background.home { height: 100vw; }
	.header-background .header-content { height: 100vw; }
	.header-background.home .header-content { height: 100vw; }
	.header-background .header-content .logo {
		width: 40vh;
		height: 40vh;
	}
	a.icon, .scrolled a.icon { left: 8px; }
	.lines:after { bottom: 6px; }
	.lines:before { top: 6px; }
	.centertext { padding: 6vh 0; }
	.centertext .centertext-content { width: 84vw; }
	.centertext .centertext-content h1,
	.centertext .centertext-content h2 {
		letter-spacing: 0.28rem;
		font-size: 2.1rem;
	}
	.centertext .centertext-content p {
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.products .product {
		margin: 3vw 4vw;
		width: 80vw;
	}
	.product-header {
		height: 40vw;
	}
	.product-content { 
		padding: 2rem 3rem; 
		min-height: 10vw;
	}
	.product-content p,
	.product-price p {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	.product-price { margin-bottom: 5vh; }
	.grid-regel.zoom {
		width: 100vw;
		height: 200vw;
	}
	.grid-regel.small { height: 100vw; }
	.grid-regel.small .grid-item.item-2x2 { 
		width: 100vw; 
		height: 50%; 
	}
	.grid-regel.txt { height: auto; }
	.zoom .grid-item.item-2x2 {
		width: 100%;
		height: 50%;
	}
	.zoom .grid-item.item-1x1 {
		width: 50%;
		height: 25%;
		background-color: rgba(0,0,0,0.3);
	}
	.zoom .grid-item.item-2x1 {
		width: 100%;
		height: 25%;
	}
	.zoom .grid-item h3 {
		font-size: 2.4rem; 
		letter-spacing: 0.32rem;
	}
	.grid-item h3 {
		font-size: 1.6rem; 
		letter-spacing: 0.2rem;
	}
	.text-column {
		width: 84%;
		padding: 8%;
		float: left;
	}
	.text-column.left { padding-bottom: 0; }
	.text-column.right { padding-top: 0; }
	.blocks .block .block-content p { display: none; }
	.dordogne-content {
		width: 84vw;
		margin: 0 8vw;
	}
	.dordogne-content h2 {
		font-size: 1.8rem; 
		letter-spacing: 0.24rem;
	}
	.language {
		background-size: 19%;
		width: 78%;
		height: 115px;
	}
	.language ul::before {left: 68px;}
	.book-restaurant { min-width: calc(50vw - 8rem); }
	.iframe-container { height: 100vw; }
	.menu .content-menu-container .content-menu ul{ margin: 2.5vw 0 10vw 5vw; }
}