/*MAIN.CSS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Poiret+One|Damion');
@import url('../../styles/eet.css');

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;line-height:1.2em}

/* AANGEPAST vanuit eet.css*/
.EETmenusubExtra ul{margin:0 !important;width:100% !important}
/* AANGEPAST vanuit eet.css*/
.EETwatEtenWeVanavond h1{color:#ffd700}
/* TITEL IN HEADER*/ /* AANGEPAST vanuit eet.css*/
.EETtitel h1{color:#ffd700}
/* AANGEPAST vanuit eet.css*/
.EETcontainer-2{background-color:#fafad2}
.EETinhoudLinks{background-color:#fafad2}
.EETbedrijfsnaam{background:linear-gradient(to right, rgba(254,215,0,0.5), rgba(0,0,0,0.8)100%)}

h1{
font-size:1.0em;
color:#B70A17;/* AANGEPAST*/
font-style:italic;
margin-bottom:2px;
margin-left:20px;
font-weight:normal;
text-shadow:1px 1px 1px #c0c0c0;
text-align:center
}

/* BEGIN default horizontale lijn */
hr{
border:0;
height:1px;
margin-top:8px;
margin-bottom:6px;
margin-left:0;
width:100%;
background:linear-gradient(to left, rgba(204,204,204,9), transparent);
}

html,body{
font-family:'Open Sans',sans-serif;background-color:#fafad2;/* AANGEPAST*/
font-size:52%; /* maakt 1 voor em */
margin:0 0 0 0;
background-size:auto 4000px;
}

/*ZET LANDSCAPE en PORTRAIT OP MOBIEL UIT*/
@media screen and (max-width: 896px) and (orientation: landscape){

html, body{
margin:0;
padding:0;
background:green;
height:100vh;
width:100vw;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}

body::before{
content:"Deze pagina werkt alléén op een groot scherm.";
color:white;
font-size:3.0rem;
text-align:center;
padding:1rem;
white-space:pre-line;
}

body *{
display:none !important;
}

}

/*ZET LANDSCAPE en PORTRAIT OP MOBIEL UIT*/
@media screen and (max-width: 500px) and (orientation: portrait){

html, body{
margin:0;
padding:0;
background:green;
height:100vh;
width:100vw;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}

body::before{
content:"Deze pagina werkt alléén op een groot scherm.";
color:white;
font-size:3.0rem;
text-align:center;
padding:1rem;
white-space:pre-line;
}

body *{
display:none !important;
}

}