.my-footer-container {
    width: 80%;
    margin: 30px auto;
    border-radius: 25px;
    background-color: white;
}

.my-footer-container > section {
    width: 90%;
    margin: 0 auto;
}

.my-footer-logo > img {
    width: 280px;
}

.my-footer-title {
    font-size: var(--my-h1-text-size);
    font-weight: bold;
    text-align: center;
    color: var(--my-secondary-color);
}

.my-footer-title > span {
    color: var(--my-color-gray);
}

.my-footer-text,
.my-footer-contact {
    font-size: var(--my-h3-text-size);
    color: var(--my-color-gray);
    text-align: center;
}

.my-footer-contact {
    font-weight: bold;
    color: var(--my-color-gray);
}

.my-footer-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    font-size: var(--my-h3-text-size);
    color: var(--my-color-gray);
}

.my-footer-links > li > a:hover {
    font-weight: bold;
    color: var(--my-secondary-color2);
}

.my-footer-devider {
    width: 90%;
    height: 4px;
    margin: 0 auto;
    background-color: var(--my-primary-color);
    border-radius: 25px;
}

.my-footer-copyright {
    text-align: center;
    font-size: var(--my-body-text-size);
    color: var(--my-color-gray);
}

.my-footer-copyright > b {
    color: var(--my-secondary-color);
    text-shadow: 0 0 0 black;
}