/* Fonts */

.button, button {
    border-radius: 5px;
}


/* General */

body {
    font-family: "Open Sans";
    color: #343838;
}

.page {
    box-sizing: border-box;
    text-align: center;
    min-height: 90%;
}


.page .container {
    padding: 5%;
    padding-top: 75px;
    min-height: 100%;

}

.title {
    margin-top: 0;
    font-weight: 400;
    color: white;
}

/* Footer */

#contact {
    box-sizing:border-box;
    text-align: center;
}

    #contact .container {
        padding: 35px 5% 2% 5%;
        background: #343838;
        color: white;
    }

    @media screen and (max-width: 767px){
        #contact .container {
        padding: 75px 5% 2% 5%;
        background: #343838;
        color: white;
    }
    }

    #contact p {
        margin-bottom: 0;
    }

    #contact h1, #contact h2, #contact h3 {
        color: white;
    }

    #contact h3 {
        font-weight: 400;
    }

    #contact .container .body {
        text-align: left;
    }

    #contact .contact_col {
        padding-left: 0;
    }

.social-button {
    display: inline-block;
    margin-right: 10px;
}

#facebook:hover {
    background: #3B5998;
}

#twitter:hover {
    background: #4099FF;
}

#linkedin:hover {
    background: #4875B4;
}

#bumeran:hover {
    background: #72c067;
}

#social-buttons {
    text-align: center;
}