.anicontainertenaam{
position:absolute;
transform: rotate(4deg);
top:165px;
left:60%;
width: 40%;
height:600px;
z-index: 105;
overflow: hidden;
}

.mobieltjeoutline{
background-image: url("../assets/mobieltjeoutline.png");
position: absolute;
top:-10px;
height:500px;
width:250px;
background-repeat: no-repeat;
background-size:contain;
background-position: center;
}

.mobieltjeschaduw{
background-image: url("../assets/mobieltjeschaduw.png");
position: relative;
top:10px;
height:530px;
width:280px;
background-repeat: no-repeat;
background-size:contain;
background-position: center;
}

.mobieltjeschermen{
background-image: url("../assets/nbrdw1.png");
position: absolute;
top:10px;
height:478px;
width:250px;
background-repeat: no-repeat;
background-size:contain;
background-position: center;
animation-name: mobieltjeschermen;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes mobieltjeschermen {
0%  {background-image: url("../assets/nbrdw1.png");}
16%  {background-image: url("../assets/nbrdw1.png");}
17%  {background-image: url("../assets/nbrdw2.png");}
33%  {background-image: url("../assets/nbrdw2.png");}
34%  {background-image: url("../assets/nbrdw3.png");}
50%  {background-image: url("../assets/nbrdw3.png");}
51%  {background-image: url("../assets/nbrdw4.png");}
67%  {background-image: url("../assets/nbrdw4.png");}
68%  {background-image: url("../assets/nbrdw5.png");}
84%  {background-image: url("../assets/nbrdw5.png");}
85% {background-image: url("../assets/nbrdw6.png");}
100% {background-image: url("../assets/nbrdw6.png");}
}
@-webkit-keyframes  mobieltjeschermen {
  0%  {background-image: url("../assets/nbrdw1.png");}
  16%  {background-image: url("../assets/nbrdw1.png");}
  17%  {background-image: url("../assets/nbrdw2.png");}
  33%  {background-image: url("../assets/nbrdw2.png");}
  34%  {background-image: url("../assets/nbrdw3.png");}
  50%  {background-image: url("../assets/nbrdw3.png");}
  51%  {background-image: url("../assets/nbrdw4.png");}
  67%  {background-image: url("../assets/nbrdw4.png");}
  68%  {background-image: url("../assets/nbrdw5.png");}
  84%  {background-image: url("../assets/nbrdw5.png");}
  85% {background-image: url("../assets/nbrdw6.png");}
  100% {background-image: url("../assets/nbrdw6.png");}
}

.inleidingtekst{
  position:relative;
  margin-top:-30px;
  margin-bottom:75px;
}

.tenaamflex{
  display:flex;
  flex-wrap:wrap;
}

.tenaamsteltekst{
  width:60%;
  margin-right:5%;
}

.plaatjecontainer{
width: 35%;
height: 400px;
position: relative;
top:30px;
}

.plaatjetenaam{
background-image: url("../assets/mobieltjetenaamst.png");
width: 100%;
height: 500px;
background-repeat: no-repeat;
background-size: contain;
background-position: top;;
}

.brochurevoorkant{
background-image: url("../assets/brochureomslag.png");
width: 420px;
height: 594px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: 0px 0px;;
box-shadow: 10px 10px 10px rgb(180, 180, 180);;
}

.brochureformbackground{
background-color:rgba(149, 198, 158, 0.35);
padding:0px 15px 15px 15px;
border-radius:7px;
display:flex !important;
	flex-wrap:wrap !important;
margin-top:-20px !important;
	margin-bottom:25px;
}

.brochureverstuurbutton{
background-color:rgba(37, 57, 73, 1);
color:white;
font-family:"Fira Sans Condensed";
font-size:16px !important;
padding:8px 10px 8px 10px !important;
margin-top:25px;
border-radius:6px;
border:none;
}
.brochureverstuurbutton:hover{
background-color:#0083cb;
}

.brochureinvoer{
background-color:white;
border-radius:6px;
border:none !important;
padding:10px 10px 10px 10px;
margin-bottom:15px;
width:100%;
}

.brochureinvoer input{
background-color:white;
border:none !important;
font-family:"Fira Sans Condensed";
text-align:left;
font-size:13px;
width:100%;
}

.brochuretoestemming{
font-size:12px;
font-weight:300;
font-family:"Fira Sans Condensed" !important;
	color:black;
}

.brochuretoestemming input[type='checkbox']{
margin-right:10px;
margin-left:0px !important;
}

.brochureaanvraag{
  margin-top:-30px;
}


@media  (min-width: 1px) and (max-width: 639px) {
  .anicontainertenaam{
  display:none;
  }
  .inleidingtekst{
    position:relative;
    margin-top:-60px;
    margin-bottom:25px;
  }
  .brochurevoorkant{
  width: 252px;
  height: 355px;
  margin:auto;
  transform: rotate(3deg);
  position: relative;
  top:30px;
  }
  .brochureaanvraag{
    margin-top:30px;
  }
  .tenaamsteltekst{
    width:100%;
    margin-right:0%;
  }
  .plaatjecontainer{
  width: 100%;
  height: 350px;
  position: relative;
  top:30px;
  }
  .plaatjetenaam{
  background-image: url("../assets/mobieltjetenaamst.png");
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position:top center;
  }


}

@media  (min-width: 640px) and (max-width: 1199px) {
  .anicontainertenaam{
  top:95px;
  left:53%;
  width: 40%;
  height:600px;
  z-index: 105;
  overflow: hidden;
  }

  .inleidingtekst{
    position:relative;
    margin-top:-40px;
    margin-bottom:50px;
  }
  .brochurevoorkant{
  width: 315px;
  height: 445px;
  }
  .tenaamsteltekst{
    width:100%;
    margin-right:0%;
  }
  .plaatjecontainer{
  width: 100%;
  height: 700px;
  position: relative;
  top:30px;
  }
  .plaatjetenaam{
  background-image: url("../assets/mobieltjetenaamst.png");
  width: 100%;
  height: 800px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  }


}