/*
import fonts
*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);
@import url(https://fonts.googleapis.com/css?family=Marck+Script);
/* 
CSS reset
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Ubuntu', sans-serif;
	vertical-align: baseline;
}

/*
HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
Start basic coding
*/
/* colors:
	fonts: #FEFEFE
	a:link: #C0C0C0
	a:hover: #85D6D4
	
	donkerblauw: #2E324D
	lichtblauw: #85d6d4
	bruin: #7F6355
	lichtbruin: #bF9076
	grijs: #C0C0C0
	rood: #c52026
	
	vlag italie
	groen: #009246
	wit: #FFFFFF
	rood: #CE2B37
*/
body {
	color: #FEFEFE;
	background: #2E324D;
	margin-top: 235px;
}
h1 {
	color: #C0C0C0;
	font-size: 1.5em;
}
h2 {
	color: #C0C0C0;
	font-size: 1.2em;
}
p {	
	line-height: 1.3em;
}
span.font-grey {
	color: #FEFEFE;
	font-family: 'Marck Script', cursive;
	font-size: 1.8em;
	line-height: 1.5em;
}
span.font-bold {
	font-weight: bold;
	text-transform: uppercase;	
}
img.text-wrap-img {
	width: 250px;
	height: 250px;
	float: right;
	margin: 0 0 0 25px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
img.text-wrap-img-2 {
	width: 250px;
	height: 176px;
	float: right;
	margin: 0 0 0 25px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
a:link, a:visited, a:active {
	color: #C0C0C0;
	text-decoration: none;	
}
a:hover {
	color: #FEFEFE;
}
.clear {
	clear: both;
}
.anchor-top {
	display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}
#container {
	
}
header {
	width: 100%;
	height: 235px;
	background: #2E324D;
	position: fixed;
	top: 0;
	z-index: 400;
}
#call-2-action-wrapper {
	width: 75%;
	max-width: 1350px;
	height: 50px;
	margin: 0 auto;
}
#call-2-action {
	padding-right: 25px;
	font-size: 1.1em;
	line-height: 50px;
	text-align: right;
}
#call-2-action-2 {
	display: none;
}
#logo-bg {
	width: 100%;
	height: 235px;
	margin-top: -50px;
	background: url("../gfx/logo/logo-bg-mm.jpg") top left repeat-x;
}
#logo {
	width: 75%;
	max-width: 1350px;
	height: 235px;
	background: url("../gfx/logo/logo-ongeremd-stijlvol-mm.jpg") 25px 0px no-repeat;
	margin: 0 auto;
}
nav {
	width: 75%;
	max-width: 1350px;
	height: 30px;
	margin: -35px auto 0 auto;
}
nav ul {
	text-align: right;
	line-height: 30px;
}
nav ul li {
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
	margin-right: 25px;
}
nav a:link, nav a:visited, nav a:active {
	color: #C0C0C0;
}
nav a:hover {
	color: #c52026;
}
#nav-mobile {
	display: none;	
}
#page {
	width: 75%;
	max-width: 1350px;
	height: auto;
	margin: 0 auto 0 auto;
	padding-bottom: 25px;
	background: #7F6355;
	clear: both;
}
#carrousel {
	margin: 0 25px 0 25px;
	padding-top: 5px;
	background-image: url("../gfx/carrousel/slider-horizontal.jpg");
	background-repeat: repeat-x;
	background-position: 0 bottom;
	background-size: 500%;
	padding-bottom: 35.4%;
	-webkit-animation: h_slide 24s ease-out infinite;
	-moz-animation: h_slide 24s ease-out infinite;
	animation: h_slide 24s ease-out infinite;
}
.handle {
	width: 75%;
	box-sizing: border-box;
	margin: -37px auto 0 auto;
	padding: 5px 0 0 25px;
	text-align: left;
	cursor: pointer;
	color: white;
	display: none;
}
.handle span {
	display: block;
	width: 25px;
	height: 3px;
	margin: 4px 0;
	background: rgba(255,255,255,1.00);
	z-index: 99;
}
@-webkit-keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  15% {
    background-position: 0% bottom; }

  20% {
    background-position: 25% bottom; }

  35% {
    background-position: 25% bottom; }

  40% {
    background-position: 50% bottom; }

  55% {
    background-position: 50% bottom; }

  60% {
    background-position: 75% bottom; }

  75% {
    background-position: 75% bottom; }

  80% {
    background-position: 100% bottom; }
	
  95% {
    background-position: 100% bottom; }
	
  100% {
    background-position: 125% bottom; } }

@-moz-keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  15% {
    background-position: 0% bottom; }

  20% {
    background-position: 25% bottom; }

  35% {
    background-position: 25% bottom; }

  40% {
    background-position: 50% bottom; }

  55% {
    background-position: 50% bottom; }

  60% {
    background-position: 75% bottom; }

  75% {
    background-position: 75% bottom; }

  80% {
    background-position: 100% bottom; }
	
  95% {
    background-position: 100% bottom; }
	
  100% {
    background-position: 125% bottom; } }

@keyframes h_slide {
  0% {
    background-position: 0% bottom; }

  15% {
    background-position: 0% bottom; }

  20% {
    background-position: 25% bottom; }

  35% {
    background-position: 25% bottom; }

  40% {
    background-position: 50% bottom; }

  55% {
    background-position: 50% bottom; }

  60% {
    background-position: 75% bottom; }

  75% {
    background-position: 75% bottom; }

  80% {
    background-position: 100% bottom; }
	
  95% {
    background-position: 100% bottom; }
	
  100% {
    background-position: 125% bottom; } }	
#box-wrapper {
	height: 146px;
	margin: -40px auto 0 auto;
	width: 90%;
}
#box-a, #box-b, #box-c, #box-d {
	width: 24%;
	height: 146px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: #2E324D 3px solid;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: left;
}
#box-a {
	background: url("../gfx/box/interiors-box.jpg") bottom center no-repeat;
	background-size: cover;
	margin-right: 1.3%;
}
#box-b {
	background: url("../gfx/box/events-box.jpg") bottom center no-repeat;
	background-size: cover;
	margin-right: 1.3%;
}
#box-c {
	background: url("../gfx/box/personal-shopper-box.jpg") bottom center no-repeat;
	background-size: cover;
	margin-right: 1.4%;
}
#box-d {
	background: url("../gfx/box/milano-box.jpg") bottom center no-repeat;
	background-size: cover;
}
.scroll-btn a:link,
.scroll-btn a:visited,
.scroll-btn a:active {
	color: #FFF;
	font-weight: bold;
	text-shadow: 2px 2px 1px #000000;
	text-align: center;
}
.scroll-btn a:hover {
	background: rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.first-link:link {
	height: 143px;
	width: 100%;
	display: block;
}
.second-link:link,
.second-link:visited,
.second-link:active {
	height: 146px;
	width: 100%;
	display: block;
	margin-top: -146px;
	line-height: 243px;
}
#ongeremd-stijlvol {
	background: #2E324D;
	margin: 40px 25px 0 25px;
	padding: 25px;
	clear: both;
}
#ongeremd-stijlvol p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 25px 0 0 25px;
	text-align: justify;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}
#contact {
	background: #2E324D;
	margin: 40px 25px 0 25px;
	padding: 25px;
	clear: both;		
}
#contact blockquote {
	margin: 25px 0 0 25px;	
}
#contact form {
	margin: 25px 0 0 25px;	
}
#contact-wrapper div div input,
#bericht-wrapper div textarea {
	width: 100%;
	margin-top: 5px;
	font-size: 1.1em;
	font-family: 'Ubuntu', sans-serif;
}
#contact form #contact-wrapper {
	width: 40%;
	margin: 0 5% 25px 0;
	float: left;
}
#contact form #contact-wrapper div {
	margin-bottom: 10px;
}
#contact form #bericht-wrapper {
	width: 55%;
	margin-bottom: 25px;
	float: left;
}
#contact form #btn-wrapper {
	clear: both;	
}
.btn-style-verstuur {
	width: 200px !important;
	margin-right: 20px;
	border : solid 1px #638a00;
	-moz-border-radius : 3px;
	border-radius : 3px;
	-webkit-box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	color : #FEFEFE;
	padding : 1px 17px;
	background : #96c300;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c300), color-stop(100%,#648c00));
	background : -moz-linear-gradient(top, #96c300 0%, #648c00 100%);
	background : -webkit-linear-gradient(top, #96c300 0%, #648c00 100%);
	background : -o-linear-gradient(top, #96c300 0%, #648c00 100%);
	background : -ms-linear-gradient(top, #96c300 0%, #648c00 100%);
	background : linear-gradient(top, #96c300 0%, #648c00 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c300', endColorstr='#648c00',GradientType=0 );
	cursor: pointer;
}
.btn-style-annuleer {
	width: 200px !important;
	border : solid 1px #e6e6e6;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	color : #696869;
	padding : 1px 17px;
	background : #FFFFFF;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	cursor: pointer;
}
a.btn-style-opnieuw:link,
a.btn-style-opnieuw:visited,
a.btn-style-opnieuw:hover,
a.btn-style-opnieuw:active {
	width: 200px !important;
	border : solid 1px #e6e6e6;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow : 0px 2px 2px rgba(0,0,0,0.4);
	color : #696869;
	padding : 1px 17px;
	background : #FFFFFF;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	cursor: pointer;
}
#items {
	background: #2E324D;
	margin: 40px 25px 0 25px;	
}
#styling-interiors {
	margin: 0px 25px 0 25px;
}
#events {
	margin: 0 25px 0 25px;
	clear: both;
}
#personal-shopper {
	margin: 0 25px 0 25px;
	clear: both;
}
#milano-a-la-carte {
	margin: 0 25px 0 25px;
	clear: both;
}
.col-1 {
	width: 20%;
	height: 200px;
	margin: 0 4% 40px 0;
	border: #2E324D 3px solid;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: left;
}
.col-2 {
	width: 75%;
	margin: 0 0 40px 0;
	float: left;
}
.col-2 p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 20px 0 0 25px;
	text-align: justify;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}
#styling-interiors-col-1 {
	background: url(../gfx/items/styling-box.jpg) top center no-repeat;
	background-size: cover;
	margin-top: 25px;
}
#styling-interiors-col-2 {
	margin-top: 25px;
}
#events-col-1 {
	background: url(../gfx/items/events-box.jpg) top center no-repeat;
	background-size: cover;
}
#personal-shopper-col-1 {
	background: url(../gfx/items/personal-shopper-box.jpg) top center no-repeat;
	background-size: cover;
}
#milano-col-1 {
	background: url(../gfx/items/milano-box.jpg) top center no-repeat;
	background-size: cover;
	margin-bottom: 25px;
}
#milano-col-2 {
	margin-bottom: 25px;
}
#reviews {
	background: #2E324D;
	margin: 40px 25px 0 25px;
	padding: 25px;
}
/* start reviews css code */
.reviews-container {
	margin: 25px 0 0 0;	
}
.reviews-top-image-fw img{
	width: 100%;
	height: auto;
}
.reviews-text p {
	font-size: 0.6em;
	font-style: italic;
	line-height: 1.5em;
	text-align: justify;
}
.reviews-text img {
	float: left;
	margin: 0 15px 0 0;
}
.reviews-image-box {
	width: 100%;
	height: auto;
	display: flex;
}
.box {
	width: 100%;
	height: 280px;
	background-size: cover;
	background-position: center center;
}
.box-1 {
	margin: 10px 5px 10px 0;
}
.box-2 {
	margin: 10px 5px 10px 5px;
}
.box-3 {
	margin: 10px 0 10px 5px;
}
/*  specifieke review foto's */
/* Riegman */
.riegman-1 {
	background-image: url(../gfx/reviews/riegman/bruidegom-rode-loper.jpg);
}
.riegman-2 {
	background-image: url(../gfx/reviews/riegman/bruidspaar.jpg);
}
.riegman-3 {
	background-image: url(../gfx/reviews/riegman/bruidspaar-rode-loper.jpg);
}
/* van Brenk */
.vanbrenk-1 {
	background-image: url(../gfx/reviews/van-brenk/bruidspaar-ontvangst.jpg);
}
.vanbrenk-2 {
	background-image: url(../gfx/reviews/van-brenk/bruidspaar-plechtigheid.jpg);
}
.vanbrenk-3 {
	background-image: url(../gfx/reviews/van-brenk/bruidsmeisjes.jpg);
}
/* Don & Arminda */
.don-arminda-1 {
	background-image: url(../gfx/reviews/don-arminda/don-arminda-1.jpg);
}
.don-arminda-2 {
	background-image: url(../gfx/reviews/don-arminda/don-arminda-2.jpg);
}
.don-arminda-3 {
	background-image: url(../gfx/reviews/don-arminda/don-arminda-3.jpg);
}
/* Helmink */
.helmink-1 {
	background-image: url(../gfx/reviews/helmink/helmink-1.jpg);
}
.helmink-2 {
	background-image: url(../gfx/reviews/helmink/helmink-2.jpg);
}
.helmink-3 {
	background-image: url(../gfx/reviews/helmink/helmink-3.jpg);
}
#impressie {
	background: #2E324D;
	margin: 40px 25px 0 25px; 
	padding: 25px;
}
#impressie-wrapper{
	
}
.impressie-container {
	margin: 25px 0 0 0;	
}
.impressie-container h2 {
	margin: 0 0 15px 0;
}
.impressie-text {
	margin: 0 25px 0 0;
	width: 100%;
}
.impressie-text p {
	padding: 0 0 0 25px;
	font-style: italic;
	text-align: justify;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}
.embed {
	margin: 15px 0 0 25px;	
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
}

/*
Gallery Code
*/
		.gallery-wrapper {
			margin: 15px 0 0 25px;	
		}
        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../gfx/gallery-1/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01-99-66 .p            (normal)
        .jssort01-99-66 .p:hover      (normal mouseover)
        .jssort01-99-66 .p.pav        (active)
        .jssort01-99-66 .p.pdn        (mousedown)
        */
        .jssort01-99-66 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 99px;
            height: 66px;
        }
        
        .jssort01-99-66 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01-99-66 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01-99-66 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 95px;
            height: 62px;
            /*border: #000 2px solid;*/
            box-sizing: content-box;
            background: url('../gfx/gallery-1/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01-99-66 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 95px;
            height: 62px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01-99-66 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 97px;
            height: 64px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01-99-66 .p.pdn .c {
            background-position: 50% 50%;
            width: 95px;
            height: 62px;
            border: #000 2px solid;
        }
        
        * html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 99px;
            height /**/: 66px;
        }


/*
Einde gallery code
*/
footer {
	width: 100%;
	height: 160px;
	background: #C0C0C0;
	clear: both;
}
#footer-box-wrapper {
	margin: 0 auto;
	width: 75%;
	max-width: 1350px;
}
#footer-box-container {
	margin: 0px 25px 0 25px;
	padding-top: 20px;
}
#footer-box-container p{
		color: #2E324D;
}
#footer-box-wrapper .footer-box {
	width: 25%;
	float: left;
}
#footer-box-wrapper .footer-box a:link, #footer-box-wrapper .footer-box a:visited, #footer-box-wrapper .footer-box a:active{
	color: #FEFEFE; 
}
#footer-box-wrapper .footer-box a:hover {
	color: #2E324D;
}
#blue-banner {
	height: 50px;
	background: #2E324D;
}
#blue-banner p{
	line-height: 50px;
	font-size: 0.9em;
	text-align: center;
}
#icon-bar {
	z-index: 5;
	position: fixed;
	right: 0;
	top: 235px;
}
#icon-bar a.linkedin {
	background: url(../gfx/social-icons/linkedin.png) top left no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}
#icon-bar a.facebook {
	background: url(../gfx/social-icons/facebook.png) top left no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}
#icon-bar a.instagram {
	background: url(../gfx/social-icons/instagram.png) top left no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}
#icon-bar a.youtube {
	background: url(../gfx/social-icons/youtube.png) top left no-repeat;
	width: 48px;
	height: 48px;
	display: block;
}
/*
Responsive code
*/
/*
Max-width: 1200px
*/
@media screen and (max-width:1200px) {
	#box-wrapper {
		height: 100px;
		margin: -40px auto 0 auto;
		width: 90%;
	}
	#box-a, #box-b, #box-c, #box-d {
		width: 24%;
		height: 100px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		border: #2E324D 3px solid;
		float: left;
	}
	#box-a {
		background: url("../gfx/box/interiors-box.jpg") bottom center no-repeat;
		background-size: cover;
		margin-right: 1.3%;
	}
	#box-b {
		background: url("../gfx/box/events-box.jpg") bottom center no-repeat;
		background-size: cover;
		margin-right: 1.3%;
	}
	#box-c {
		background: url("../gfx/box/personal-shopper-box.jpg") bottom center no-repeat;
		background-size: cover;
		margin-right: 1.4%;
	}
	#box-d {
		background: url("../gfx/box/milano-box.jpg") bottom center no-repeat;
		background-size: cover;
	}
	.first-link:link {
		height: 97px;
	}
	.second-link:link,
	.second-link:visited,
	.second-link:active {
		height: 100px;
		margin-top: -100px;
		line-height: 158px;
	}
	footer {
		height: 290px;
		padding-bottom: 20px;
	}
	#footer-box-container {
		margin: 0 0
	}
	#footer-box-1 {
		width: 80%;
		height: 160px;
		margin: 0 auto;
	}
	#footer-box-2 {
		width: 80%;
		height: 110px;
		margin: 0 auto;
	}
	#footer-box-wrapper .footer-box {
		width: 50%;
	}
}
/*
Max width: 1124px
*/
@media screen and (max-width:1124px) {
	#call-2-action {
		font-size: 0.8em;
	}
	nav {
		display: none;
	}
	#box-wrapper {
		display: none;
	}
	#nav-mobile {
		background: #2E324D;
		width: 40%;
		min-width: 260px;
		display: block;
	}
	#nav-mobile ul {
		background: #2E324D;
		overflow: hidden;
		color: white;
		margin: 0;
		padding-bottom: 0px;
		text-align: center;
		-webkit-transition: max-height 1.5s;
		-moz-transition: max-height 1.5s;
		-ms-transition: max-height 1.5s;
		-o-transition: max-height 1.5s;
		transition: max-height 1.5s;
	}
	#nav-mobile ul li {
		width: 100%;
		box-sizing: border-box;
		text-align: left;
		display: inline-block;
		padding: 15px 30px 10px 30px;
	}
	#nav-mobile a {
		color: #FEFEFE;
		font-size: 1.2em;
		font-weight: bold;
	}
	#nav-mobile ul {
			max-height: 0;
	}
	.showing {
	  max-height: 500px !important;
	}
	#nav-mobile ul li {
		width: 100%;
		box-sizing: border-box;
		text-align: left;
	}
	.handle{
	  display: block;
	}
	.col-1 {
		display: none;	
	}
	.col-2 {
		width: 100%;
	}
	#styling-interiors-col-2 h1 {
		background: url("../gfx/icons/styling-interiors-icon.jpg") top left no-repeat;
		width: 100%;
		height: 48px;
		line-height: 48px;
		text-indent: 60px;
	}
	#events-col-2 h1 {
		background: url("../gfx/icons/events-icon.jpg") top left no-repeat;
		width: 100%;
		height: 48px;
		line-height: 48px;
		text-indent: 60px;
	}
	#personal-shopper-col-2 h1 {
		background: url("../gfx/icons/personal-shopper-icon.jpg") top left no-repeat;
		width: 100%;
		height: 48px;
		line-height: 48px;
		text-indent: 60px;
	}
	#milano-col-2 h1 {
		background: url("../gfx/icons/milano-a-la-carte-icon.jpg") top left no-repeat;
		width: 100%;
		height: 48px;
		line-height: 48px;
		text-indent: 60px;
	}
}
/*
Max width: 1024px
*/
@media screen and (max-width:1024px) {
	body {
		margin-top: 200px;
	}
	span.font-grey {
	font-size: 1.5em;
	line-height: 1.3em;
	}
	#page {
		width: 90%;	
	}
	header {
		height: 200px;
	}
	#call-2-action-wrapper {
		width: 90%;
	}
	#call-2-action {
		padding-top: 150px;
	}
	#logo-bg {
	height: 200px;
	background: url("../gfx/logo/logo-bg-m.jpg") top left repeat-x;
	}
	#logo {
	height: 200px;
	width: 90%;
	background: url("../gfx/logo/logo-ongeremd-stijlvol-m.jpg") 25px 0px no-repeat;
	}
	.handle {
	width: 90%;
	margin: -40px auto 0 auto;
	padding: 5px 0 0 25px;
	}
	/* reviews */
	.reviews-top-image-fw {
		margin: 5px 0 5px 0;
	}
	.reviews-text p {
		font-size: 0.7em;	
	}
	.reviews-image-box {
		flex-direction: column;
	}
	.box {
		height: 500px;
	}
	.box-1, .box-2, .box-3 {
		margin: 5px 0;
	}
	#footer-box-wrapper {
		width: 90%;	
	}
	#footer-box-1, #footer-box-2 {
		width: 90%;	
	}
	#icon-bar {
		top: 200px;	
	}
	#icon-bar a.linkedin {
	background: url(../gfx/social-icons/linkedin-small.png) top left no-repeat;
	width: 36px;
	height: 36px;
	display: block;
	}
	#icon-bar a.facebook {
		background: url(../gfx/social-icons/facebook-small.png) top left no-repeat;
		width: 36px;
		height: 36px;
		display: block;
	}
	#icon-bar a.instagram {
		background: url(../gfx/social-icons/instagram-small.png) top left no-repeat;
		width: 36px;
		height: 36px;
		display: block;
	}
	#icon-bar a.youtube {
		background: url(../gfx/social-icons/youtube-small.png) top left no-repeat;
		width: 36px;
		height: 36px;
		display: block;
	}
}
/*
Max width: 700px
*/
@media screen and (max-width:700px) {
	h1 {
		font-size: 1.3em;	
	}
	span.font-grey {
		font-size: 1.3em;
		line-height: 1em;
	}
	#ongeremd-stijlvol p {
		font-size: 1em;
		line-height: 1.2em;	
	}
	.col-2 p{
		font-size: 1em;
		line-height: 1.2em;	
	}
	img.text-wrap-img {
		float: none;
		width: 100%;
		height: auto;
		tex-align: center;
		margin: 0;	
	}
	img.text-wrap-img-2 {
		float: none;
		width: 100%;
		height: auto;
		tex-align: center;
		margin: 0;	
	}
	.box {
		height: 280px;
	}
}
/*
Max width: 480px
*/
@media screen and (max-width:480px) {
	body {
		margin-top: 20px;
	}
	header {
		position: static;	
	}
	#call-2-action-wrapper {
		width: 100%; 	
	}
	#call-2-action {
		padding-right: 0;
		text-align: center;
	}
	#logo {
		width: 100%;
		background: url("../gfx/logo/logo-ongeremd-stijlvol-m.jpg") center no-repeat;
		margin-top: -25px;
	}
	.handle {
		width: 100%;
		background: #2E324D;
		margin: -220px auto 0 auto;
		position: fixed;
		z-index: 400;
	}
	#nav-mobile {
		margin-top: -190px;
		position: fixed;
		z-index: 400;
	}
	#page {
		width: 100%;
		padding-bottom: 10px;
	}
	#carrousel {
		margin: 0 5px;
		padding-top: 0;
	}
	#ongeremd-stijlvol {
		margin: 5px 5px 0;
		padding: 10px;
	}
	#ongeremd-stijlvol p {
		padding: 10px 0 0 0;
	}
	#contact {
		margin: 5px 5px 0;
		padding: 10px;
	}
	#contact form {
		margin: 15px 0 0 0;
	}
	#contact form #contact-wrapper {
	width: 100%;
	margin: 0 0 10px 0;
	float: none;
	}
	#contact form #contact-wrapper div {
		margin-bottom: 10px;
	}
	#contact form #bericht-wrapper {
		width: 100%;
		margin-bottom: 25px;
		float: none;
	}
	#contact-wrapper div div input,
	#bericht-wrapper div textarea {
		width: 95%;
	}
	#items {
		margin: 5px 5px 0;
	}
	#styling-interiors {
		margin: 0 10px 0 10px;
	}
	#styling-interiors-col-2 {
		margin-top: 10px;
	}
	.col-2 p {
		margin: 10px 0 0 0;
	}
	#events {
		margin: 0 10px;
	}
	#personal-shopper {
		margin: 0 10px;
	}
	#milano-a-la-carte {
		margin: 0 10px;
	}
	#milano-col-2 {
		margin-bottom: 10px;
	}
	#reviews {
		margin: 5px 5px 0;
		padding: 10px;
	}
	#impressie {
		margin: 5px 5px 0;
		padding: 10px;
	}
	.impressie-container {
		margin: 15px 0 0 0;
	}
	.impressie-container h2{
		margin: 0 0 10px 0;
	}
	.impressie-text {
		margin: 0;
	}
	.impressie-text p {
		padding-left: 0;
	}
	.gallery-wrapper {
		margin: 10px 0 0 0;
	}
	.embed {
		margin: 10px 0 0 0;
	}
	#icon-bar {
		top: 0;
		z-index: 800;
	}
	footer {
		padding-bottom: 10px;
		font-size: 0.9em;
		height: auto;
	}
	#footer-box-wrapper {
		width: 100%;
	}
	#footer-box-1,
	#footer-box-2 {
		width: 100%;
		height: 120px;
		margin: 0;
	}
	#footer-box-wrapper .footer-box {
		width: 48%;
	}
	#footer-box-wrapper .footer-box-a,
	#footer-box-wrapper .footer-box-c {
		padding-left: 10px;
	}
}
/*
Max width: 375px
*/
@media screen and (max-width:375px) {
	#call-2-action {
		font-size: 0.7em;
	}
}