.footer {
    padding: 10rem 0 2rem 0;
    background-color: var(--background-color-one);
    color: var(--text-color-one);
}



.footer__upper-half {

    width: fit-content;
    margin: 2rem auto;
}

.footer__site-map {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2rem;
    gap:0rem 0;

}

.footer__site-link {

    font-size: var(--smaller-paragraph-size);
    padding: 1.5rem 3rem;

    transition-property: background-color;
    transition-duration: 0.3s;
    border: 2px solid transparent;
}
@media (max-width:500px) {
    .footer__upper-half{
        width:100%;
    }
   
}
.footer__social-media-logo-parent {
    margin-bottom: 2rem;
    display: flex;
    gap: 1rem;

    justify-content: space-evenly;
}

.footer__social-media-logo-image {
    width: 6.4rem;
    height: 6.4rem;
}

.footer__social-media-link:focus {
    outline: .6rem solid white;
}

.footer__social-media-link:visited {
    color: var(--text-color-one);
}

.footer__social-media-link:hover {
    background-color: rgb(33, 54, 139);
}

.footer__social-media-link:active {
    background-color: rgb(19, 36, 107);

}

.footer__social-media-logo {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 10%;
    background-color: white;

}

.footer__lower-half {
    margin-top: 5rem;
    display: flex;

    justify-content: center;

    margin-left: 15rem;
    margin-right: 15rem;



}
@media (max-width:500px) {
    .footer__lower-half{
        margin-left:5rem;
        margin-right:5rem;

    }
}
.footer__column p {
    font-size: var(--smaller-paragraph-size);


    max-width: 30ch;
}

.footer__column h4 {
    font-size: var(--h4-size);
    text-align: center;
}

.footer__contact-method a,
.footer__contact-method--address {
     
    padding-top:1rem;
    margin: 0 auto;
    color: var(--text-color-one);
    font-size: var(--smaller-paragraph-size);

    max-width: 25rem;
    display: flex;
    align-items: flex-start;

    gap: 1rem;

    transition-property: background-color;
    transition-duration: 0.3s;
}

.footer__contact-methods-ul {
    margin-bottom: 10rem;
    ;
    gap:2rem;
    width: 100%;
    display: flex;
    justify-content: center;
    list-style: none;
    flex-wrap: wrap;
}

.footer__contact-method-icon {
    width: 3.2rem;
}

.footer__contact-method a:visited {
    color: var(--text-color-one);
}

.footer__contact-method a:hover {
    background-color: rgb(33, 54, 139);
}

.footer__contact-method a:active {
    background-color: rgb(19, 36, 107);

}

.footer__contact-method a:focus {
    outline: 5px solid white;
}

.footer__copyright-parent {
    font-size: 1.6rem;
    width: fit-content;
    margin: 0 auto;
}