body, html {

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

}

.cavity1, .cavity2, .cavity3, .cavity4, .electrode1, .electrode2, .anode1{
position:relative;
opacity:0.85;
background-position:center;
background-size:50%;
background-repeat:no-repeat;
background-attachment:fixed;

/*
fixed=parallax
normal= scroll
*/

}

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


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

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

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

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

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

.anode1{
background-image:url('../img/anode1.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){
.cavity1, .cavity2, .cavity3, .cavity4, .electrode1, .electrode2, .anode1{
background-attachment:scroll;
}
}