@import url(alverata.css);

footer{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 80px;
    align-self: stretch;
    background: #000;
    .footerContent{
        display: flex;
        align-items: flex-start;
        align-content: flex-start;
        gap: 64px;
        align-self: stretch;
        flex-wrap: wrap;
        .firstContent{
            display: flex;
            min-width: 250px;
            flex-direction: column;
            align-items: flex-start;
            gap: 32px;
            flex: 1 0 0;
            .addressContactForm{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 24px;
                align-self: stretch;
            }
        }
        .secondContent{
            display: flex;
            min-width: 250px;
            align-items: flex-start;
            gap: 24px;
            flex: 1 0 0;
            .contentLink{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
                flex: 1 0 0;
            }
        }
    }
    .credit{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 32px;
        align-self: stretch;
        hr{
            width: 100%;
            border: 1px solid #fff;
            background: var(--black-200, #D1D1D1);
        }
        .row{
            display: flex;
            justify-content: center;
            align-items: flex-start;
            align-self: stretch;
        }

    }

}