html {
    overflow-x: hidden; 
}

body {
	background-color: #292728;
    font-family: 'Roboto', sans-serif;
}

.seattle { 
    /* The image used */
    background-image: url("../img/seattle.jpg");

    /* Set a specific height */
    height: 750px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   /* margin-top: -25px;*/
    padding-top: 160px;
}

#seattle-text {
	color: white;
	text-align: center;
    -webkit-transition:all linear 2s;
    transition:all linear 4s;
}

#seattle-text h1 {
	font-size: 4.5em;
}

#seattle-text h2 {
    font-size: 2.8em;
}

.forest { 
    /* The image used */
    background-image: url("../img/record-player.jpg");

    /* Set a specific height */
    height: 400px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cave { 
    /* The image used */
    background-image: url("../img/coffee.jpeg");

    /* Set a specific height */
    height: 400px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}




.space { 
    /* The image used */
    background-image: url("../img/laptop.jpg");

    /* Set a specific height */
    height: 400px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 700px) {

    .seattle {
        height: 500px;
        background-image: url("../img/seattle.jpg");
        background-attachment: scroll;
        background-height: 100%;
        padding-top: 90px;
    }


    .forest {
        height: 300px;
        background-image: url("../img/record-player.jpg");
        background-attachment: scroll;
        background-height: 100%;
    }

    .cave {
        height: 300px;
        background-image: url("../img/coffee.jpeg");
        background-attachment: scroll;
        background-height: 100%;
    }

    .space {
        height: 300px;
        background-image: url("../img/laptop.jpg");
        background-attachment: scroll;
        background-height: 100%;
    }

}