body {
    font-size: 18px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: black;
}

/* Nav Bar */

nav div a{
    margin-right: 1.25em;
}

#home {
    background: #000;
    height: 500px;
}

section {
    padding: 27px 0 80px 0;
}

/* Section 1 */
h1{
    text-align: center;
    color: #eee;
}

#home h1 {
    padding-top: 10%;
    text-transform: uppercase;
}


/* Section 2 */

.black_hr {
    margin: 0 auto;
    width: 100px;
    height: 3px;
    background: black;
}

.black {
    padding: 0;
    margin-bottom: 2%;
    color: #000;
}
.white {
    padding: 0;
    margin-bottom: 2%;
    color: #fff;
}

.white_hr {
    margin: 0 auto;
    width: 100px;
    height: 3px;
    background: #eee;
}

#about h1 {
    padding-top: 1.5%;
    color: #000;
    margin-bottom: 2%;
}

.fit-picture {
    margin-top: 5%;
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 3%;
}

.paragraph_section {
    color: #000;
    text-align: center;
    max-width: 60%;
    margin: 0 auto 4%;
}

.block {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    background: rgba(245, 245, 245);
    border-radius: 10px;
    border: 0.5px solid #ccc;
    margin-bottom: 20px;
}

.description_header {
    text-decoration: underline;
    margin: 1.5% 0 5.5% 0;
}

.aproposedenous {
    padding: 0;
    margin: 0;
    color: #000;
}


/*  PRICING */ 

#pricing {
    background: #000;
    padding-bottom: 3%;
}

#pricing h1 {
    padding-top: 1.5%;
    color: #eee;
    margin-bottom: 5%;
}

.section_img_solo {
    background: url(http://grab-taxi.axiomthemes.com/wp-content/uploads/2017/03/bg-2.jpg?id=827);
    background-size: cover;
    background-repeat: no-repeat;
    background-clip: border-box;    
}
.section_img_solo h2, .section_img_solo p {
    color: #eee;
    max-width: 800px;
}

#h2_query, #p_query {
   margin-top: 5%;
}

#spacer {
    height: 150px;
}

footer {
    background: #eee;
}

footer h3 {
    margin: 4% auto 1% auto;
    text-align: center; 
    color: black;
    font-size: 20px;
}


@media (max-width: 950px) {
    #h2_query {
        font-size: 24px;
    }
    #p_query {
        font-size: 16px;
    }
    #spacer {
        height: 100px;
    }
    .section_img_solo {
        background-position-x: 20%;
    }
}

@media (max-width: 768px) {
    #spacer {
        height: 80px;
    }
    #h2_query {
        font-size: 18px;
        margin-top: 5%;
    }
    #p_query {
        margin-top: 10%;
        font-size: 16px;
    }
    .section_img_solo {
        background-position-x: 40%;
    }
}