* {
    box-sizing: border-box;
}

html, body {
    color: black;
    font-family: Tahoma, sans-serif;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #266d82;
    text-align: center;
}

.logo {
    
}


/* Phone */
@media screen and (max-device-width: 481px) {
    .logo {
        width: 90%;
        margin: 5rem auto 5rem auto;
    }
    .contact {
        background-color: #e3ffff;
        width: 80%;
        margin: auto;
        margin-bottom: 5rem;
        padding: 1rem;
        color: #266d82;
    }
    .phone {
        padding: 1.5rem;
        margin: 0;
        font-size: 5rem;
    }
    .address {
        padding: 1.5rem;
        margin: 0;
        font-size: 3.5rem;
    }
    .footer {
        text-align: center;
        font-size: x-small;
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: unset;
        box-shadow: none;
        margin: auto;
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 0;
    }
}
/* Tabet and Wider */
@media screen and (min-device-width: 481px) {
    .logo {
        width: 40rem;
        margin: 10rem auto 5rem auto;
    }
    .contact {
        background-color: #e3ffff;
        max-width: 30rem;
        margin: auto;
        margin-bottom: 5rem;
        padding: 1rem;
        color: #266d82;
    }
    .phone {
        padding: 1.5rem;
        margin: 0;
        font-size: 3rem;
    }
    .address {
        padding: 1.5rem;
        margin: 0;
        font-size: 1.75rem;
    }
    .footer {
        margin: auto;
        text-align: center;
        font-size: small;
        background-color: #FFFFFF;
        border-radius: unset;
        box-shadow: none;
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 0;
    }

}

        .phone > a {
            color: #266d82;
            text-decoration: none;
        }

            .phone > a:hover {
                text-decoration: underline;
            }