/* CSS reset & html body setting */
html,
body{
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: "lato",sans-serif;
    font-weight: 400;
    line-height: 1.8em;
    color: #666;
}
/* top section */
.pimg1{
    min-height: 90%;
    background-image: url("Images/image1.png");
}
.pimg2{
    min-height: 400px;
    background-image: url("Images/image2.png");
}
.pimg3{
    min-height: 400px;
    background-image: url("Images/image3.png");
}
.pimg1,
.pimg2,
.pimg3{
    background-position: center;
    background-size: cover;
    position: relative;
    background-attachment: fixed;/* parallax effect */
}
.ptext{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 27px;
    letter-spacing: 8px;
    text-transform: uppercase;
    color:#000;
    
}
.textBg{
    background-color:#313534;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
}
/* section one */
.secOne_container {
    background-color: #f4f4f4;
    /* margin-top: -20px; */

}
.secOne_heading{
text-align: center;
font-weight: 100;
text-transform: uppercase;
padding: 20px 0;
margin: 0;
}
.secOne_container p{
    padding: 0px 80px;
    text-align: start;
    color: #666;
    padding-bottom: 10px;
    margin: 0;
}
.dark {
    background-color: #282e34;
    color: #ddd;
}
.dark p{
    color: #ddd;
}
.opacity{
    background-color:#3135346b;
}
@media screen and (max-width:420px){
    .ptext{
        font-size: 15px;
        letter-spacing: 3px;
    }
    .secOne_heading {
        font-size: 20px;
    }
    .secOne_container p {
    padding: 0px 20px;
    text-align: justify;
    } 
}