body, html {

height:100%;
margin:0;
font-size:16px;
font-family:"Lato", sans-serif;
font-weight:400;
line-height:1.6em;
color:#666;
/*
this referes to the section one two three text and box
*/

}

.Johansson1, .Johansson2, .Johansson3, .Johansson4, .Johansson5, .Johansson6, .Johansson7{
position:relative;
opacity:0.85;
background-position:center;
background-size:65%;
background-repeat:no-repeat;
background-attachment:fixed;

/*
fixed=parallax
normal= scroll
*/

}

.Johansson1{
background-image:url('../img/Johansson1.jpg');
min-height:100%;
}


.Johansson2{
background-image:url('../img/Johansson2.jpg');
min-height:100%;
}

.Johansson3{
background-image:url('../img/Johansson3.jpg');
min-height:100%;
}

.Johansson4{
background-image:url('../img/Johansson4.jpg');
min-height:100%;
}

.Johansson5{
background-image:url('../img/Johansson5.jpg');
min-height:100%;
}

.Johansson6{
background-image:url('../img/Johansson6.jpg');
min-height:100%;
}

.Johansson7{
background-image:url('../img/Johansson7.jpg');
min-height:100%;
}

.section{
text-align:left;
padding:20px 60px;
}

.section-light{
background-color:#f4f4f4;
color:#666;

}

.section-dark{
background-color:#282e34;
color:#ddd;
}

.ptext{
position:absolute;
top:50%;
width:100%;
text-align:center;
Color:#000;
font-size:27px;
letter-spacing:8px;
text-transform:uppercase;

}
.ptext .border{
background-color:#111;
color:#fff;
padding:20px;
}

.ptext .border.trans{
background-color:transparent;
}

@media(max-width:568px){
.Johansson1, .Johansson2, .Johansson3, .Johansson4, .Johansson5, .Johansson6, .Johansson7{
background-attachment:scroll;
}
}