footer {
    overflow: hidden;
    padding-top: 40px;
    padding-left: 25%;
    padding-right: 25%;
    background-color: #136BA5;
    color: #FFFFFF;
}
footer > p {
    font-size: 30pt;
    margin-bottom: 30px;
}
div#footerContact {
    float: left;
    width: 50%;
}
div#footerAddress {
    float: left;
    width: 50%;
}
div.footer-contact {
    overflow: hidden;
    margin-bottom: 20px;
}
div.footer-contact > img {
    float: left;
    background-color: #FFFFFF;
    padding: 10px;
    width: 50px;
    border-radius: 50%;
    margin-right: 10px;
}
div.footer-contact > a,
div.footer-contact > p {
    float: left;
    color: #FFFFFF;
    padding-top: 7px;
    font-size: 15pt;
    text-decoration: none;
}
div.footer-contact > p > span#address1 {
    font-weight: 500;
}
/* Expand footer width */
@media (max-width: 1140px) {
    footer {
        padding-left: 20%;
        padding-right: 20%;
    }
}
/* Expand footer width */
@media (max-width: 960px) {
    footer {
        padding-left: 15%;
        padding-right: 15%;
    }
}
/* Expand footer width */
@media (max-width: 830px) {
    footer {
        padding-left: 10%;
        padding-right: 5%;
    }
}
/* Stack contacts on address */
@media (max-width: 690px) {
    div#footerContact,
    div#footerAddress {
        width: 100%;
    }
}
/* Decrease text and icon size */
@media (max-width: 360px) {
    div.footer-contact > a,
    div.footer-contact > p {
        font-size: 13pt;
    }
}