body, html {
    padding-top: 20px;
    font-family: 'Montez', cursive;
    height: 100%;
    background: #222;
    color: white;
    position: relative;
}
body{
    overflow-x: hidden;
}

.title{
    text-align: center;
    font-size: 100px;
    margin-bottom: 20px !important;
    background: #222;
}

.parallax {
    /* Full height */
    height: 100%;

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

.scroll{
    font-size:36px;
}
.scroll h1{
    font-size: 70px;
}

.overlay{
    background: rgba(56,56,56,0.5);
}

/***********************/
/*        NAVBAR       */
/***********************/

.navbar ul li, .navbar-brand{
    font-size: x-large;
}
#section1, #section2, #section3, #section4, #section5, #section6{
    background: rgba(56,56,56,0.5);
    color: rgba(255,255,255,0.5);
    padding:75px 0;
}
@media only screen and (max-width: 720px) {
    body{
        overflow-x: hidden;
        width: 100%;
        padding: 20px 0 0 0 !important;
    }

    .scroll h1{
        font-size: 45px !important;
    }
    #section1, #section2, #section3, #section4, #section5, #section6{
        background: rgba(56,56,56,0.1);
        color: rgba(255,255,255,0.5);
        padding:10px 0 !important;
    }

    .parallax {
        background-attachment: scroll;
        height: 50% !important;
    }
}

hr{
    margin: 0;
}