html, button, input, select, textarea, .pure-g [class *= "pure-u"] {font-family: 'Lato', sans-serif;}
body {color: #000; background-color: #fff; background-image: url("img/roodwitblokje.gif");}
textarea {width:100%; resize: none;}
input[type=checkbox] {margin: 0.6em; transform: scale(1.5);}
.l-box {padding: 0.7em;}
.s-box {padding: 0.2em;}
.wrapper {max-width: 1100px; margin: 0 auto;}
.contact{border-top: 20px solid #4D6795; color:#fff; background: rgba(18,60,108, .9); margin-top:0.7em; min-height: 530px;}
.bottom{border-top: 1em solid #4D6795; color:#fff; background: rgba(0, 0, 0, .9); margin-top: 4em;}
hr{height:0; border:0; border-top: 1px solid #e5e5e5;}

.pure-menu{background-color: #123C6C; margin-bottom: 1em;}
.pure-menu li a{font-size: 1.1em; color:#fff;}
.pure-menu li a:hover, .pure-menu li a:focus, .selected {background-color: #4D6795;}
.pure-menu-horizontal.pure-menu-scrollable {padding:0;}
.pure-menu-link {padding: 0.7em 0.5em;}

a.text { color: #000;}
a.title {text-decoration:none}
a.white{color:#fff; text-decoration:underline}
a.text:hover, a.white:hover { text-decoration: underline}

h1 {font-size: 2em; color: #4D6795; font-family: 'Pacifico', cursive; margin:0;}
h1.spellen{font-size:1.3em;}
h1.subtitel{padding-left: 50px; font-size: 1.4em;}
h2 {font-size: 1.3em; color: #123C6C; font-family: 'Pacifico', cursive; margin:0;}
.big{font-size:1.5em; margin:0;}
.header{background-color:#fff;}
.content{margin: 4em 0 0 0; background-color: #fff; border-top: 2px solid #123C6C; border-bottom: 2px solid #123C6C;}
td{padding:0.5em;}


.spelkaart{background-color: #fff; background-image: url("img/bloemetje.gif"); background-repeat: no-repeat;   border: 2px solid #123C6C; min-height: 570px; }
.rood{background-image: url("img/tulprood.gif"); border-radius: 15px;}
.wit{background-image: url("img/tulpwit.gif"); border-radius: 15px;}
.blauw{background-image: url("img/tulpblauw.gif"); border-radius: 15px;}
.center{text-align: center;}
.right{text-align:right;}
img.right, button.right{float:right;}
.slide{margin: 3em 0;}
.facebook{max-width: 100px; float:right;}
.desktop-only{display:none;}
.white{color:#fff;}
.error {color: #FF0000;}
.jaho{color:#333; font-size: 0.8em;}


@media screen and (min-width:48em)
{
	h1 {font-size: 3em; margin:0;}
	h1.spellen{font-size:3em;}
	h1.subtitel{padding-left: 55px; font-size: 1.7em;}
	h2 {font-size: 1.7em;}
	.desktop-only{display:block;}
	.spelkaarten{background-color: #F5AEA1; padding: 2em 0; max-width: 90%; margin: auto;}
}