FIXED SIDE NAVIGATION MENU CSS .....

 body,html{

    height: 100%;

    margin: 0;

    font-size: 16px;

    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

    font-weight: 400;

    line-height: 1.8rem;

    color: #666;

}

.pimg1, .pimg2 , .pimg3{

    position: relative;

    opacity: 0.75;

    background-position: center;

    background-attachment: fixed;

}

.pimg1{

    background-image: url('img/pexels-pixabay-40884.jpg');

    min-height: 100%;

    background-size: cover;

}

.pimg2{

    background-image: url('img/pexels-fnfoto-3045635.jpg');

    min-height: 400px;

    background-size: cover;

}

.pimg3{

    background-image: url('img/pexels-taryn-elliott-4098987.jpg');

    min-height: 400px;

    background-size: cover;

}

.section{

    text-align: center;

    padding: 50px 80px;

    background-color: black;

    color: white;

}

.ptext{

    position: absolute;

    top: 50%;

    width: 100%;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 30px;

}

.ptext .border{

    background-color: green;

    padding: 10px;

    color: yellow;

    border-radius: 5px;

}