@charset "utf-8";

h2.header {
font-size: 3em; color: white; line-height: 1.3em;
}

.red { background: #BB4E4E;}
.green { background: #54C0A7;}
.purple { background: #5C59A6;}
.white{ background: #fff;}
.black { background:#2B2B2B; color: white;}
.lblack { background:#384652;}

/* MAIN COMPONENTS */
.header {
	width: 100%;
	}
.header-main-holder {
	background-color: #5A5A5A;
	}
.header-main {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-field.png) no-repeat center center ;
	background-size: cover;
	min-height: 470px;
}

.hero-showtime {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-showtime.png) no-repeat center center ;
	background-size: cover;
	min-height: 470px;
}
.hero-sempre {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-sempre.png) no-repeat center center ;
	background-size: cover;
	min-height: 470px;
}
.hero-puppies {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-puppies.png) no-repeat center center ;
	background-size: cover;
	min-height: 470px;
}

.showtime {
	background: url(../images/bg/show-bg.png) no-repeat center center;
	background-size: cover;
	height: 470px;
}
.puppies {
	background: url(../images/bg/puppy-bg.png) no-repeat center center;
	background-size: cover;
	height: 660px !important;
	overflow: hidden;
}

.sempre {
	background: url(../images/bg/sempre-bg.png) no-repeat center center;
	background-size: cover;
	height: 660px !important;
	overflow: hidden;
}

.puppieimg, .sempreimg {
	max-width: 100%;
    position: absolute;
    bottom: 0;
    margin-left: -25%;
    max-width: 80%;
}
.sempreimg {
	margin-top: 2.5em;
}

.textfield {
	padding:1em 2em 1em 2em;
}

.text-center {
	text-align: center;
}

.blacktext{
	color: #3E3E3E !important;
}
.head-overlay {
	text-align: center;
	padding: 5.5rem 0;
	margin: 0 auto;
}

.hero-tutti {
	max-width: 475px;
	margin-top: 15px;
}
.show-tutti {
	width: 80%;
	max-width: 330px;
}
.heroimg {
	right: 2em;
	padding-top: 5em;
}
.detailimg {
	right: 2em;
	padding-top: 5em;
}
.showimg {
	padding-top: 2em;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}

.alhetnieuws > .text-center {
	margin-top: 3em;
}
.zeventig {
	width: 65%;
}
.fullimage {
	margin-bottom: 0em !important;
}

.subscribebutton {
	margin-top: -38px;
}

/* MENU STUFF */
.menu {
	float: right;
	margin-right: 40px;
}

.logot  {
	max-height: 40px;
	margin-top: 15px;
}

.logob  {
	max-height: 65px;
}
.marginbottom {
	padding-bottom: 2em;
}

.footer > p {
	font-size: 0.9em;
	line-height: 1em;
}
.footer a:hover {
	text-decoration: underline !important;
	transition: all 0.2s ease;
}

.shadow {
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
}

.menu-main {
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 500;
	overflow: hidden;
	-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.30) !important;
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.30) !important;
}
.menu-hold {
	position: relative;
	width: 100%;
	z-index: 500;
	max-width: 70em;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 40px;
}

.selected {
	background: #52A0EF;
}

.menu-hold ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menu-hold ul li {
    margin: 0px 0px 0px 0;
    line-height: 70px;
    padding: 24px 20px;
    display: inline;
    font-size: 1.1em;
}

.menu-hold ul li:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#blog > .dertig { 
	width: 100%;
	margin-top: 1em;
}
#blog > .dertig:not(:first-child) {
	margin-left: 0;
}

.blogtitle {
	font-size: 1.4em;
	margin-bottom: -0.4em;
}

.logo ul li {
	margin: 30px 0 0 0;
}
.fa-align-left, .sidemenu {
	display: none !important;
}

.menutoggle:hover {cursor:pointer;}

.menutoggle {
	margin-right: 60px !important;
}

.zes {
	display: block;
	float: left;
	width: 60%;
	height: auto;
}
.vier {
	display: block;
	float: left;
	width: 40%;
	height: auto;
}
.vijf {
	display: block;
	float: left;
	width: 50%;
	height: auto;
}
.twee {
	display: block;
	float: left;
	width: 20%;
	height: auto;
}
.showdata {
	height: auto;
	z-index: 12;
	width: 100%;
}
.dataontop {
	z-index: 12;
}
.data {
	font-size: 20px;
	margin-top: 25px;
}
.full-data {
	width: 100%;
    max-width: 70em;
    margin: 0 auto;
    margin-top: 10em;
}
.full-data-detail {
    width: 100%;
    max-width: 70em;
    margin: 0 auto;
    margin-top: 3em;
}

.datashow {
	font-size: 13px;
	line-height: 10px;
}
.zesdata {
	padding: 15px 0;
}
.buttonshowtime {
    margin-top: 27px;
}

.border-radius {
	border-radius: 5px;
}
.whitebox {
	max-width: 350px;
	background: white;
	padding: 1em 2em 2em 2em;
}
.buttonnormal {
	background: #52A0EF;
	border-radius: 5px;
	font-size: 1.25em;
	color: white;
	padding: 0.3em 1em;
	border: none;
	font-family: Roboto, Verdana, Arial, Helveltice, sans-serif;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.buttonnormal:hover {
	background: #3D88EA;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.double {
    line-height: 19px;
}

.spacingtop {
	margin-top: 4em;
}
.spacingbottom {
	margin-bottom: 2em;
}

.break {
	height: 0.4em;
	background: white;
	border: none;
	max-width: 7em;
	align: left;
	border-radius: 15px;
}
.breakblack {
	background: #3E3E3E !important;
	margin-bottom: 2.5em;	
}

.vijftig {
	width: 48%;
	height: auto;
}

.dertig {
	width: 31.2%;
	height: auto;
}
.dertig:not(:first-child) {
    margin-left: 3.2%;
}
.blogpost {
	padding:1em 2em 2em 2em;
}
.blogpostdetail {
	padding:0em 2em 0em 2em;
}

a { text-decoration: none; color: inherit; }
a:hover { text-decoration: none; color: #52A0EF; }
a:active { text-decoration: none; color: inherit; }
a:visited { text-decoration: underline; color: inherit; }

body, html {
	height: 100%;
	margin: 0 auto;
	color: #3E3E3E;
	background: #F1F1F1;
	font-family: Roboto, Verdana, Arial, Helvetica,  sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image p {font-size: 0.8em; margin-top: -10px !important;}
.fa-external-link {margin-left: 5px;}
.fa-external-link a:hover {color: #000;}
.external  {color: salmon;}

.clear { clear: both;}
.np {
	padding: 0 !important;
}

.center {
text-align: center;}

.margin { min-height: 4em; width: 100%; margin-bottom: 4em}

.sub {color: white; font-size: 0.8em; transition: color 0.3s ease;   padding-top: 0.5em !important;
  padding-bottom: 0.5em !important; text-align: center;}
.sub a:hover {color: salmon; transition: color 0.3s ease;}
.topmargin {
	margin-top: 2em;
}
.about { line-height: 0em;}
.button { margin-bottom: 6em; margin-top: 2em; text-align:center;}
.buttontop { margin-bottom: 6em; margin-top: -1em; text-align:center;}

h3.aboutme { margin-top: 2em; margin-bottom: -0.5em;}
i.aboutme { border-bottom: 1px solid #000;}

.btn { font-size: 1.3em; font-family: roboto, Helvetica, arial; border: none; background: #2ABB9B; color: white; padding: 12px 45px; transition: background-color 0.3s ease; }
.btn:hover {background: #21967C;transition: background-color 0.3s ease; transition: background-color 0.5s ease; cursor: pointer;}

.footer-hold {
	position: relative;
	width: 100%;
	z-index: 500;
	max-width: 70em;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 40px;
	}

.footer-hold ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
.footer-hold ul li {
	margin: 0 30px 0 0;
	line-height: 80px;
	display: inline;
	font-size: 1em;
	color: white;
}
.logof  {
  max-height: 35px;
  margin-top: 22px;
}
.overflow {
	overflow: hidden;
}

#main-content {
	max-width: 40rem;
	clear: both;
	margin: 0 auto;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	padding: 0 30px;
}
.padding {
	padding-left: 40px;
    padding-right: 40px;
}

.previewimage {overflow: hidden; background: white; transition: opacity 0.2s ease;}
.holder {
    width: 100%;
    max-width: 70em;
    margin: 0 auto;
}
img.fw { width: 100%;}
img.half { width: 45%; float: left;}
img.halfright { margin-left: 5%;}
img.mw { min-width: 100%; height: auto;}
.extra { margin-bottom: 1em;}

.highlight {
	overflow: hidden;
	border-radius: 50%;
	height:11em;
	width: 11em;
	margin: 0 auto;
}
.highlight img {
	height: 11em;
}

.email {
	margin-top: 1.75em;
	text-align: right;
}
.mailchimp {
	border: none;
	padding: 5px 10px;
	line-height: 28px;
	border-radius: 3px;
	font-size: 1em;
	min-width: 260px;
	margin-right: 140px;
}

.schrijfin {
    margin-top: -37px;
    float: right;
    position: relative;
    z-index: 99999999;
}

.newstext {
	font-family: Roboto-Regular;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 26px;
}
.newsletter {
	margin-top: 3em;
}
.mail {
	width: 100%;
	max-width: 70em;
	margin: 0 auto;
}

/* BADGE THINGS */
.full {width: 100%; float: left;}
.full-text {width: 100%; max-width: 70em; margin: 0 auto;   margin-top: 3em;}
.third {width: 32%; float: left;}

.third-circle {width: 26%; float: left;}

#left-item-circle{ margin-left: 11%;}

.image {text-align: center;}
.image img {max-width: 100%; margin-top: 1em; margin-bottom: 1em;}

.flleft {
	float: left;
}
.flright {
	float: right;
}

/* FONTS AND TEXT */
.center { text-align: center;}

.bloglink {
	color: #52A0EF !important;
	transition: all 0.3s ease;
}
.bloglink:hover {
	text-decoration: underline !important;
	color: #3D88EA !important;
	transition: all 0.3s ease;
}

p, h1, h2, ul {
	-moz-font-feature-settings: 'onum';
    -ms-font-feature-settings: 'onum';
    -webkit-font-feature-settings: 'onum';
    font-feature-settings: 'onum';
}
.previewimage img:hover { opacity: 0.8; transition: opacity 0.2s ease;
}

h2.newstitle {
	font-size: 2.5em;
	font-weight: 400;
	margin-bottom: 0.5em;
	margin-top: 1.25em;
}

h2.headtitle {
	font-size: 2.5em;
	color: white;
	font-weight: 400;
	margin-bottom: 0.5em;
	margin-top: 1.25em;
}
h3.subtitle {
	font-size: 1.25em;
	color: white;
	font-weight: 400;
}

p.title {
	font-size: 1.5rem;
	margin: 0;
	text-align: center;
}

p.caption {
	font-size: 1.1em;
	color: #F9F9F9;
}

@media screen and (max-width: 1170px) {
#mail {
	margin-right: 60px;
	}
}

@media screen and (max-width: 1140px) {
.container {
		max-width: 95%;
		margin-left: 2.5%;
	}
}

@media screen and (max-width: 1100px) {
.showdata > .vier > .vier, .showdata > .vier > .zes {
	min-width: 100%;
}
.showdata > .vier {
	width: 30%;
}
.showdata > .twee {
	width: 40%;
}
.data {
    margin-bottom: -12px;
}
.full-data {
	margin-top: 7em;
}
.show-tutti {
    margin-top: 40px;
}
}

@media screen and (max-width: 990px) {
.mail > .vier, .mail > .zes {
	width: 100%;
}
.mail > .vier, .mail > .zes {
	text-align: center;
}
.email {
	margin-top: 0;
	margin-bottom: 1em;
}
.full-data {
    margin-top: 8.4em;
}
.show-tutti {
    margin-top: 20px;
}

.validate > .flright {
	float: none;
}

.mailchimp {
	border: none;
	padding: 5px 10px;
	line-height: 28px;
	border-radius: 3px;
	font-size: 1em;
	min-width: 260px;
	margin-right: 160px;
}

.schrijfin {
    margin-top: -39px;
    float: right;
}

.mail > .zes {
	max-width: 480px;
	position: relative;
	left: 50%;
	margin-left: -240px;
}
}

@media screen and (max-width: 910px) {
.hero-tutti {
	max-width: 380px;
}
.heroimg {
	right: 3em;
	padding-top: 11em;
}

.puppieimg, .sempreimg {
    margin-left: -35%;
}
}

@media screen and (max-width: 830px) {
.puppies, .sempre {
    height: 560px !important;
}

.newstext {
	margin-right: 30px;
}

.dertig {
	width: 100%;
}
.dertig:not(:first-child) {
    margin-left: 0%;
    margin-top: 30px;
}

.blogpost {
    padding: 0em 2em 1em 2em;
}
.blogpostdetail {
    padding: 0em 2em 0em 2em;
}

.padding {
	padding-left: 15px;
    padding-right: 15px;
}

.hero-tutti {
	max-width: 250px;
}
.heroimg {
	margin-top: 3.5em;
	right: 2em;
}
.hero-showtime, .hero-sempre, .hero-puppies {
	min-height: 350px;
}

.detailimg {
	right: 2em;
	padding-top: 5em;
}

h2.newstitle {
    font-size: 2em;
    font-weight: 400;
    margin-top: 1em;
}

h2.headtitle {
    font-size: 2em;
    color: white;
    font-weight: 400;
    margin-top: 1em;
}
h3.subtitle {
    font-size: 1.1em;
    margin-right: 1em;
}
.break {
    height: 0.3em;
    max-width: 5em;
}
.spacingtop {
    margin-top: 3em;
}
.whitebox {
	padding: 0.75em 1.5em 1.5em 1.5em;
}
.buttonnormal {
	font-size: 1.3em;
    color: white;
    padding: 0.3em 0.9em;
}
.full-data {
    margin-top: 10em;
}
.show-tutti {
    margin-top: 30px;
}
}

@media screen and (max-width: 767px) {
.header-main {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-field-t.png) no-repeat;
	background-size: cover;
	min-height: 400px;
}

.hero-showtime {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-showtime-t.png) no-repeat;
	background-size: cover;
}
.hero-sempre {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-sempre-t.png) no-repeat;
	background-size: cover;
}
.hero-puppies {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-puppies-t.png) no-repeat;
	background-size: cover;
}
}

@media screen and (max-width: 760px) {
.showtime > .fulltext > .vier {
	width: 100%;
}
.showtime > .fulltext > .zes {
    float: left;
}
.showdata > .vier {
    width: 35%;
}
.showdata > .twee {
    width: 30%;
}
.full-data {
	margin-top: 5.8em;
}
.showtime {
	height: 400px;
}
.showimg {
	text-align: right;
	margin-left: -40px;
	padding-top: 5px;
}
.show-tutti {
	max-width:  200px;
}
}

@media screen and (max-width: 685px) {
.showdata > .vier {
    width: 50%;
}
.showdata > .twee {
	width: 100%;
}
.full-data {
    margin-top: 1.8em;
}
.buttonshowtime {
    margin-top: 0px;
    margin-bottom: 23px;
}
}

@media screen and (max-width: 675px) {
	.full-data {
    margin-top: 0.2em;
	}
}

@media screen and (max-width: 600px) {
.full-data {
    margin-top: 14.2em;
}
.data {
    margin-bottom: 0px;
}
.showtime {
    height: 500px;
}
.showimg {
	text-align: center;
	margin-top: 100px;
}

.mailchimp {
	border: none;
	padding: 5px 10px;
	line-height: 28px;
	border-radius: 3px;
	font-size: 1em;
	min-width: 260px;
	margin-right: 80px;
}

.schrijfin {
    margin-top: -35px;
    float: right;
}

.mail > .zes {
	position: relative;
}

.detailimg {
text-align: center;
    right: 0em !important;
    z-index: 10;
    position: absolute;
}

.puppieimg, .sempreimg {
    margin-left: -5em;
}

/* hero */
.herotext, .heroimg {
	width: 100%;
}
.heroimg {
	text-align: center;
	right: 0em !important;
	z-index: 10;
    position: absolute;
}
.hero-tutti {
	margin-top: 12em;
}
.whitebox {
    max-width: 100%;
    margin-right: 2em;
}
.header-main {
	height: 560px;
}

.blogpost {
    padding: 0em 2em 2em 2em;
}
.textfield {
    padding: 2em 2em 1em 2em;
}
.blogtitle {
    margin-bottom: 0.5em;
}
.vijftig {
	width: 100%;
}
.vijftig:nth-child(2) {
	margin-top: 2em;
}
.vijftig:nth-child(1) {
	margin-top: -2em;
}

.topmargin {
	margin-top: 1em;
}
.holder {
 width: 100%; max-width: 70em; margin: 0 auto;   margin-top: 0em; margin-bottom: 0em; padding-top: 0em; padding-bottom: 4em;height: auto;
}
img.mw { min-width: 100%; height: 180px;}
body, html {
	font-size: 0.9rem;
	line-height: 1.4rem;
}

.full {width: 100%;
}
.half {width: 100%;
	float: none;
}

h3.work { margin-bottom: 1.5em;}
.paddingtb { padding: 20px 0;}
.third {width: 100%; float: none;}
.third-circle {width: 80%; float: left; }
#left-item-circle{ margin-left: 0%;}

.highlight {
	overflow: hidden;
	border-radius: 50%;
	height:11em;
	width: 11em;
	margin: 0 auto;
}
.highlight img {
	height: 11em;
}
.button { margin-bottom: 2em;}

.highlight {
	overflow: hidden;
	border-radius: 50%;
	height:13em;
	width: 13em;
	margin: 0 auto;
}
.highlight img {
	height: 13em;
}

h3 { line-height: 1.75em !important;}
.full-text p { margin-top: 0em ;}
.full-text { margin-bottom: 2em; margin-top: 2em; }

.head-overlay {
	padding: 3.5rem 0 0 0;
}

.menu-main {
	margin: 0 auto;
		position: relative;
	width: 100%;
	z-index: 500;

	overflow: hidden;
	padding: 0 20px;
		-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,.30) !important;
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.30) !important;
}
.menu-hold {
	position: relative;
	width: 100%;
	z-index: 500;
	margin: 0 auto;
	overflow: hidden;
	  padding: 0 20px 0 0;
	}

.menu-hold ul {
	display: none;
	}
.menu-hold ul li {
	display: none;
}

.logo .menu-hold ul li {
	display: inline !important;
}
.menu-hold li {
		margin: 0 15px;
	line-height: 70px;
	display: inline;
	font-size: 1.8em;
}

.fa-align-left {
	display: block !important;
	width: 70px;
	float: left;

}

.sidemenu {
	width: 75%;
	display: block !important;
	position: fixed;
	z-index: 999999999;
	right: -75%;
	top: 0;
height: 100%;
  -moz-box-shadow: -4px 0px 6px 0 rgba(0,0,0,.30) !important;
  -webkit-box-shadow: -4px 0px 6px 0 rgba(0,0,0,.30) !important;
  box-shadow: -4px 0px 6px 0 rgba(0,0,0,.30) !important;
transition: right 0.6s ease;}

.sidemenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;

	}
.sidemenu ul li {
	margin: 0 auto;
	line-height: 55px;

	font-size: 1.7em;
	    width: 100%;
    padding-left: 2em;
}

.zes {
	width: 99%;
	z-index: 12;
position: relative;

}
.detailimg > .hero-tutti {
	    margin-left: -150%;
	    margin-top: 7.5em;
}


.sidemenu.active {right: 0 !important; transition: right 0.6s ease;}
}

@media screen and (max-width: 510px) {
.mailchimp {
	    min-width: 200px;
}
#mail {
	margin-right: 30px;
}
.showimg {
		text-align: center;
		margin-top: 120px;
}

h3.subtitle {
    font-size: 1.1em;
    padding-right: 1em;
}
}

@media screen and (max-width: 490px) {
	.full-data {
    margin-top: 12.7em;
}
.puppieimg, .sempreimg {
    margin-left: -8em;
}
}

@media screen and (max-width: 465px) {
.showdata > .vier {
	width: 92%;
	text-align: center;
	}
.showdata > .vijf {
    width: 92%;
    text-align: center;
}
.showdata > .twee {
    width: 92%;
}
.showdata > .vijf > .vier {
    width: 100%;
    text-align: center;
}

.dataheadtitle {
	width: 92%;
	text-align: center;
}

.showtime {
    height: 598px;
}
.data2 {
	margin-top: 0px;
}
.showdata > .vijf > .vijf {
	text-align: center;
}
.showdata > .twee {
	text-align: center;
}

.header-main {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-field-m.png) no-repeat;
	background-size: cover;
	min-height: 550px;
}

.hero-showtime {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-showtime-m.png) no-repeat;
	background-size: cover;

}
.hero-sempre {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-sempre-m.png) no-repeat;
	background-size: cover;
}
.hero-puppies {
	padding-bottom: 0;
	overflow: hidden;
	height: auto;
	background-position: 50%;
	background: url(../images/bg/hero-puppies-m.png) no-repeat;
	background-size: cover;

}
}

@media and screen (max-width: 420px) {
	.mailchimp {
	border: none;
	padding: 5px 10px;
	line-height: 28px;
	border-radius: 3px;
	font-size: 1em;
	min-width: 260px;
	margin-right: 80px;
}
.schrijfin {
    margin-top: -35px;
    float: right;
}
.mail > .zes {
	position: relative;
}
}

@media screen and (max-width: 410px) {
.mail > .zes {
    max-width: 480px;
    position: relative;
    left: 50%;
    margin-left: -215px;
}
}

@media screen and (max-width: 390px) {
.mail > .zes {
    margin-left: -200px;
}
}