footer  {
    width: 100%;
    background-color: #000000;
}

footer .maps    {
    width: 100%;
}

footer .maps iframe {
    border: 0;
    width: 100%;
    height: 50vh;
    background-color: #dedede;
    pointer-events: none;
}

footer .contact {
    width: calc(80% - 20px);
    padding: 0px 20px;
    margin: 5% 10%;
    color: #ffffff;
    border: 4px solid #ffffff;
    font-size: 2.4em;
}

footer .contact ul li a {
    color: #0c6ba3;
    text-decoration: none;
}

footer .contact ul li a:hover {
    text-decoration: underline;
}

footer .contact ul  {
    padding: 0px;
    list-style-type: none;
}

footer .socialNetworks  {
    width: 100%;
    width: calc(80% - 20px);
    padding: 0px 20px;
    margin: 5% 10%;
    color: #ffffff;
    border: 4px solid #ffffff;
    font-size: 2.4em;
}

footer .socialNetworks a {
    margin: 20px;
    padding: 20px;
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
}

footer .socialNetworks a:hover   {
    color: #000000;
    background-color: #ffffff;
}