/*Intro-slide*/

.firstslide.bcg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url("../img/jeroenvemer_intro.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.introafbeelding2.bcg{
    background-image: url("../img/jeroenvemer_graphicdesigner.jpg");
    visibility: hidden;
    opacity: 0;
}
.introafbeelding3.bcg{
    background-image: url("../img/jeroenvemer_ux.jpg");
    visibility: hidden;
    opacity: 0;
}

.introafbeelding4.bcg{
    background-image: url("../img/jeroenvemer_cycling.jpg");
    visibility: hidden;
    opacity: 0;
}

.introafbeelding5.bcg{
    background-image: url("../img/jeroenvemer_social.jpg");
    visibility: hidden;
    opacity: 0;
}

.slidewrapperintro{
    width: 980px;
	height:266px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -490px;
	margin-top: -133px;
	overflow: hidden;
}

.intropart2{
    position: relative;
}
.ml2 .letter, .ml3 .letter, .ml4 .letter, .ml5 .letter, .ml6 .letter, .ml7 .letter, .ml8 .letter, .ml9 .letter, .ml20 .letter, .ml21 .letter {
    display: inline-block;
    opacity: 0;
}

.plaatsingh2, .plaatsingh3{
    position: absolute;
    font-family: 'bungeeregular';
	letter-spacing: 4px;
    font-size: 55px;
    line-height: 65px;
    color: #1eff64;
}

.plaatsingh3{
    top:65px;   
}

.text {
  display: inline-block;
  font-size: 55px;
    font-family: 'bungeeregular';
	color: #FFFFFF;
	letter-spacing: 4px;
    line-height: 65px;
}

.text__first, .text__second {
  position: relative;
    display:inline-block;
}

.text__word {
  opacity: 0;
  display:inline-block;
}

.text__first-bg, .text__second-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;  
  transform: scaleX(0);
}

.text__first-bg {
  background-color: #1eff64;
    transform-origin: left;
}

.text__second-bg {
  background-color: #1eff64;
    transform-origin: right;
}

@media screen and (min-width: 1750px) {
    
.slidewrapperintro{
    width: 1280px;
	height:326px;
	margin-left: -640px;
	margin-top: -163px;
}
    
.text {
  font-size: 72px;
    line-height: 82px;
}
    
.plaatsingh2, .plaatsingh3{
    font-size: 72px;
    line-height: 82px;
}

.plaatsingh3{
    top:82px;   
}
}

@media screen and (max-width: 1239px) {
 .slidewrapperintro{
    width: 70%;
	margin-left: -35%;
}

    .slideinfo{
	left: 30px;
}   

}

@media screen and (max-width: 959px) {
    
.slidewrapperintro{
	height:200px;
	margin-top: -100px;
}
    
.firstslide{
	background-position: 60% 50%;
}
    
    
.text {
  font-size: 40px;
    line-height: 50px;
} 
    
.plaatsingh2, .plaatsingh3{
    font-size: 40px;
    line-height: 50px;
}

.plaatsingh3{
    top:50px;   
}

}

@media screen and (max-width: 640px) {
    
.slidewrapperintro{
	height:130px;
	margin-top: -65px;
    width: 80%;
	margin-left: -40%;
}
    
.firstslide{
	background-position: 60% 50%;
}
    
    
.text {
  font-size: 23px;
  line-height: 33px;
} 
    
.plaatsingh2, .plaatsingh3{
    font-size: 23px;
    line-height: 33px;
}

.plaatsingh3{
    top:33px;   
}
    
 

}