@charset "utf-8";

.modal {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; overflow: auto;}
.modal-content {background-color: #fefefe;margin: auto;padding: 20px; border: 1px solid #888;width: 80%;}
.close-m {color: #aaaaaa;float: right;font-size: 28px;font-weight:bold;}
.close-m:hover,.close-m:focus {color: #000;cursor: pointer;}
.div-m {background-color: white;color: white;border-radius:12px;}
.div-m strong {font-size:12px;}
#myBtn-m{background-color:#FFF;font-size:12px;color:#03C}
#rcorners-m {border-radius:10%}

strong {color: #FFF;}
h3.title2 {color: #FFF;}
h1.title2 {color: #FFF; font-size:16px;}

@media only screen and (max-width: 600px) {
.wrapper-head2, #header2 {float:left;clear:both;width:100%;background-color: #dbdbdb; }
.div-m {margin-left:63%; width:35%; position:absolute;z-index:1;font-size:14px; text-align:center;padding-left:1%;padding-right:1%;padding-bottom:1%; margin-top:12%;padding-top:1%;background-color: rgba(0,153,255,.8);color:white;}
.div-m strong{font-size:14px;}
.modal {padding-top: 0.5%;}
.modal-content {width: 88%; text-align:left;color:black;}
#myBtn-m{font-size:14px;padding:5%;border-radius:12px;}
.top-right {position: absolute;top: 2%; right: 10%;}
.img-w{width:100%; display:none;}
.img-w2{width:100%;height:auto;}
.center {margin: auto; width: 85%;}
#welkom {float:left;width:96%;background-color: #F8F8F8; font-size:14px;font-weight:normal;font-style:normal;text-align:left;padding: 0 1%;margin:1%;}

h3.title2 {color:#00F}
h1.title2 {color:#00F}

}

@media only screen and (min-width: 600px) and (max-width: 768px) {
.wrapper-head2, #header2 {float:left;clear:both;width:100%;background-color: #DBDBDB;}
.img-w {width:100%;display:none;}
.img-w2{width:100%;height:auto;}
.center {margin: auto; width: 65%;}
.top-right {position: absolute;top: 2%; right: 10%;}
.div-m {margin-left:75%; width:20%; position:absolute;z-index:1;font-size:12px; text-align:center;background-color:#FFF;padding-left:1%;display:none;}
.modal {z-index: 2; padding-top: 17%;}
.modal-content {padding: 2%;margin-left:18%; width: 60%; text-align:left;color:black;}
#welkom {float:right;clear:none;width:35%;color: #DBDBDB; margin-bottom: 1.5%;font-size:14px;font-weight: normal;font-style: normal;text-align:left;margin-left:55%;position:absolute;z-index:1;padding-left:1.25%;padding-right:1.25%;background-color: rgba(0,153,255,0.9);margin-top:-42.5%;}

}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.wrapper-head2, header2 {float:left;clear:both;width:100%;background-color: #DBDBDB;}
.img-w {width:100%;height:auto;}
.img-w2 {display:none;}
.top-right {position: absolute;top: 2%; right: 14%;}
.center {margin: auto; width: 65%;}
#welkom {float:left;width:32%;color: #FFF; margin-bottom: 1.5%;font-size:12px;font-weight: normal;font-style: normal;text-align:left;margin-left:0.25%;;position:absolute;z-index:1;padding-left:0.5%;padding-right:0.5%;background-color: rgba(0,153,255,0.9);margin-top:-25%;}
.div-m {margin-left:70%; width:27%; position:absolute;z-index:4;font-size:14px; text-align:center;background-color:rgba(0,153,255,.8);padding-left:.75%;padding-bottom:3%;margin-top:5%;}
.div-m strong {font-size:20px;}
.modal {z-index: 4; padding-top: 10%;}
.modal-content {padding: 2%;margin-left:20%;width: 60%; text-align:left;color:black;}
#myBtn-m{background-color:#FFF;font-size:20px;padding-left:5%;padding-right:5%;margin-right:2%;border-radius:12px;}
	
}

@media only screen and (min-width: 992px) {
.wrapper-head2, #header2 {float:left;clear:both;width:100%; background-color:#DBDBDB;}
.img-w {width:100%; display:block; float:left;height:auto;}
.img-w2 {display:none;}
#welkom {float:right;clear:none;width:18%;color: #FFF; margin-bottom: 1.5%;font-size:14px;font-weight: normal;font-style: normal;text-align:left;margin-left:3.5%;;position:absolute;z-index:1;padding-left:1.25%;padding-right:1.25%;margin-top:8%;background-color: rgba(0,153,255,0.9);}
.div-m {margin-left:70%; margin-top:8%; width:20%; position:absolute;z-index:2;font-size:12px; text-align:center;background:rgba(0,153,255,.9);padding:0.5%;padding-bottom:2.75%;}
.div-m strong {font-size:20px;}
.modal {display: none; position: fixed; z-index: 2; padding-top: 2%; left: 0; top: 0; width: 100%;overflow: auto;}
.modal-content {padding: 1%;margin-left:30%;width: 35%; text-align:left;color:black;}
#myBtn-m{background-color:#FFF;font-size:20px;padding-top:5%;padding-bottom:5%;border-radius:12px;}

}