section.footer {
    padding-inline: 90px;
    padding-left: 90px;
    padding-right: 90px;

    padding-block: 90px;
    padding-top: 90px;
    padding-bottom: 90px;
    gap: 90px;

    align-items: center;
    justify-content: center;

    min-height: 100vh;
    min-height: 100dvh;

    background-color: transparent;
}
    

    section.footer h2.slogan {
        text-align: center;
        color: white;
        font-size: 3.75rem;
        margin: 0;
    }
    

    section.footer div.content {
        display: flex;
        flex-direction: column;
        gap: 90px;
        justify-content: center;
        align-items: center;

        filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8));
    }
    

    section.footer div.content div.brandContainer {
            display: flex;
            flex-direction: row;
            gap: 90px;
            justify-content: center;
            align-items: center;
        }
    

    section.footer div.content div.brandContainer .logoBanner {
                width: 791px;
                height: 321px;
            }
    

    section.footer div.content div.brandContainer .email {
                font-size: 2.8125rem;
            }
    

    section.footer div.content div.socialNetworks {
            display: flex;
            flex-direction: row;
            gap: 50px;
            justify-content: center;
            align-items: center;
        }
    

    section.footer div.content div.socialNetworks .social {
                height: 50px;

                transition: 0.3s;
            }
    

    section.footer div.content div.socialNetworks .social:is(a:focus *, :hover, :focus) {
                    transform: scale(1.1);
                }
    

    section.footer div.content .subscribeDemo a {
            font-size: 2rem;
        }
    

    section.footer div.content .copyright {
            text-align: center;
            font-size: 1.5625rem;
        }
    

    section.footer img.shadowVignette {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        position: absolute;

        left: 0;
        top: 0;
        pointer-events: none;
    }


@media (max-width: 93.75rem) {
            section.footer div.content div.brandContainer {
                gap: 70px;
            }
                
                section.footer div.content div.brandContainer .logoBanner {
                    width: 100%;
                    height: auto;
                }
            
                section.footer div.content div.brandContainer .email {
                    font-size: 2.5rem;
                }
}

@media (max-width: 75rem) {
        section.footer h2.slogan {
            font-size: 2.5rem;
        }

        section.footer div.content {
            gap: 50px;
            padding-block: 90px;
            flex: 1;
            justify-content: space-between;
        }

            section.footer div.content div.brandContainer {
                flex-direction: column;
                gap: 50px;
            }

                section.footer div.content div.brandContainer .logoBanner {
                    width: 100%;
                    height: auto;
                }

                section.footer div.content div.brandContainer .email {
                    font-size: 2.1875rem;
                }

            section.footer div.content .copyright {
                margin-top: auto;
                margin-bottom: 15px;
                font-size: 1.25rem;
            }
}

@media (max-width: 56.25rem) {
    section.footer {
        gap: 35px;

        padding-inline: 35px;
        padding-left: 35px;
        padding-right: 35px;
        
        padding-block: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

        section.footer h2.slogan {
            font-size: 2.1875rem;
        }

        section.footer div.content {
            gap: 35px;
            padding-block: 20px;
            flex: 1;
            justify-content: space-between;
        }

            section.footer div.content div.brandContainer {
                flex-direction: column;
                gap: 20px;
            }

                section.footer div.content div.brandContainer .logoBanner {
                    width: 100%;
                    height: auto;
                }

                section.footer div.content div.brandContainer .email {
                    font-size: 1.5rem;
                }

            section.footer div.content div.socialNetworks {
                width: 100%;
                gap: initial;
                justify-content: space-evenly;
                align-items: center;
            }
    
                section.footer div.content div.socialNetworks .social {
                    height: 35px;
                }

            section.footer div.content .copyright {
                font-size: 0.9375rem;
            }
}