/*MAIN.CSS */

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

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

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

h2{
font-size:0.9em;
color:#daa520;
color:green;
font-style:italic;
margin-bottom:2px;
margin-left:25px;
font-weight:normal;
text-shadow:1px 1px 1px #c0c0c0;
}

h3{
font-size:1.0em;
color:green;
font-style:italic;
margin-bottom:2px;
margin-right:20px;
font-weight:normal;
text-shadow:1px 1px 1px #c0c0c0;
text-align:right
}

h3 a:link,
h3 a:visited{color:green!important;text-decoration:none}
h3 a:hover,
h3 a:active{color:green!important;text-decoration:none;cursor:default}

h4{
font-size:1.3em;
margin-bottom:0;
margin-right:0;
font-weight:normal;
text-align:left;
color:#daa520;
text-shadow:1px 1px 1px #000
}

/* 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;

/*font-size:52%;*/
font-size:52%; /* maakt 1 voor em */

margin:0 0 0 0;
background-size:auto 4000px;
}


/*ZET LANDSCAPE OP MOBIEL OP KLEUR*/
@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 website werkt alléén in portrait weergave.\A Draai je scherm a.u.b.";
color:white;
font-size:3.0rem;
text-align:center;
padding:1rem;
white-space:pre-line;
}

body *{
display:none !important;
}

}