@charset "UTF-8";
body {
	background-image: url(../images/bg-body.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	font-family: 'Maven Pro', sans-serif;
	background-attachment: fixed;
	font-size: 160%;
	color: #022447;
}
header {
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	margin-top: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: middle;
	margin-bottom: 50px;
 }
header .container {
	background: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
}
article .col-md-4 {
	margin-left: 2%;
	margin-right: 2%;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	width: 333px;
	min-height: 400px;
	margin-top: 0px;
 }
.btn-webshop {
	background-color: #713C8F;
	color: #FFFFFF;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.btn-nieuwsbrief {
	background-color: #C90665;
	color: #FFFFFF;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.centered
{
	text-align: center;
	margin-bottom: 20px;
}

.btn-website {
	background-color: #344999;
	color: #FFFFFF;
	border-width: 0px;
	margin-top: 20px;
}
.blok1 {
	background-color: #C90765;
	color: #FFFFFF;
	font-size: 150%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 40px;
	padding-top: 3px;
}
.blok2 {
	background-color: #713C8F;
	color: #FFFFFF;
	font-size: 150%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 40px;
	padding-top: 3px;
}
.blok3 {
	background-color: #344999;
	color: #FFFFFF;
	font-size: 150%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 40px;
	padding-top: 3px;
}
.adres h2  {
	color: #C90665;
	font-size: 150%;
}
.webshop h2  {
	color: #713C8F;
	font-size: 150%;
}
.website h2  {
	color: #344899;
	font-size: 150%;
}
	.container {
	padding-bottom: 25px;
	padding-top: 25px;
	/* [disabled]padding-right: 25px; */
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.4);
	margin-top: 50px;
}
footer {
	color: #041D43;
}
h1 {
	color: #043E84;
	font-size: 200%;
}
form {
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
tr td .form_subscribe_input {
	margin-bottom: 10px;
}

@media screen and (orientation:portrait) and (min-width:320px) and (max-width:568px){
article .col-md-4 {
	margin-left: 2%;
	margin-right: 2px;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	min-height: auto;
	margin-top: 0px;
	text-align: center;
 }
.container {
	padding-bottom: 25px;
	padding-top: 25px;
	/* [disabled]padding-right: 25px; */
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.4);
	margin-top: 50px;
	margin-left: 0px;
	padding-left: 0px;
	height: auto;
}
h1 {
	color: #043E84;
	font-size: 180%;
}
}

@media screen and (orientation:landscape) and (max-width:568px) and (min-width:320px){
article .col-md-4 {
	margin-left: 2%;
	margin-right: 2px;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	min-height: 350px;
	margin-top: 0px;
 }
.container {
	padding-bottom: 25px;
	padding-top: 25px;
	/* [disabled]padding-right: 25px; */
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.4);
	margin-top: 50px;
	margin-left: 0px;
	padding-left: 0px;
	height: auto;
}
}

@media screen and (orientation:landscape) and (max-width:736px) and (min-width:414px){
article .col-md-4 {
	margin-left: 2%;
	margin-right: 2px;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%!important;
	min-height: auto;
	margin-top: 0px;
	text-align: center;
	padding-bottom: 20px;
 }

}

@media screen and (orientation:portrait) and (min-width:414px) and (max-width:736px){
article .col-md-4 {
	margin-left: 2%;
	margin-right: 2px;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%!important;
	min-height: auto;
	margin-top: 0px;
	text-align: center;
 }
}

@media screen and (orientation:portrait) and (min-width:375px) and (max-width:667px){
article .col-md-4 {
	margin-left: 2%;
	margin-right: 2px;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%!important;
	min-height: auto;
	margin-top: 0px;
	text-align: center;
 }
}

@media screen and (orientation:portrait) and (min-width:768px) and (max-width:1024px){
article .col-md-4 {
	margin-left: 2%;
	margin-right: 2%;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	width: 210px;
	min-height: 350px;
	margin-top: 0px;
 }
.adres h2 {
	color: #C90665;
	font-size: 120%;
}
.webshop h2 {
	color: #713C8F;
	font-size: 120%;
}
.website h2 {
	color: #344899;
	font-size: 120%;
}
}

@media screen and (orientation:landscape) and (max-width:1024px) and (min-width:768px){
article .col-md-4 {
	margin-left: 2%;
	margin-right: 2%;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	width: 275px;
	min-height: 350px;
	margin-top: 0px;
 }
.blok1 {
	background-color: #C90765;
	color: #FFFFFF;
	font-size: 140%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 40px;
	padding-top: 3px;
}
.blok2 {
	background-color: #713C8F;
	color: #FFFFFF;
	font-size: 140%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 40px;
	padding-top: 3px;
}
.blok3 {
	background-color: #344999;
	color: #FFFFFF;
	font-size: 140%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	min-height: 40px;
	padding-top: 3px;
}
}