.contact {

    background-color: #2c3e50;

    height: auto;

    padding-top: 40px;

}



.contact h1{

    text-transform: uppercase;

    color: #ecf0f1;

    font-weight: bold;

    font-size: 2em;

    letter-spacing: 1px;

    padding-bottom: 10px;

}



@media (max-width: 660px) {

    .contact h1{

        margin-top: -2%;

        font-size: 100%;

        margin-bottom: -2%;

    }

}

@media (max-width: 767px) {

    .contact h1{

        margin-top: -4%;

        font-size: 100%;

        margin-bottom: -2%;

    }

}



.contact a {

    color:#ecf0f1;

    text-decoration: none;

}



.contact a:hover {

    color: #f1c40f;

}


.banner-social-buttons {

    margin-top: 20px;

    margin-bottom: 20px;

    left: 15%;

    position: relative;

}