@import url('../../../global/css/main.css');

@media 
screen and (min-width: 1296px) {
    /* Footer START */
    footer {
        position: relative;
        width: 100%;
        height: 20rem;
        display: flex;
        flex-direction: row;
        background-color: var(--secondary);
        z-index: 3000;
    }

    footer .col {
        position: relative;
        top: 2rem;
        flex: 33.33%;
        text-align: center;
    }

    footer .col h1 {
        font-family: 'Epilogue', sans-serif;
        font-weight: 700;
        color: white;
        margin-bottom: 1rem;
    }

    footer .col-1 p, b { color: white;}
    footer .col-1 a { color: var(--primary);}

    footer .col .city {
        margin-bottom: .3rem;
    }

    footer .col-2 a {
        font-size: 1.1rem;
    }

    footer .col-2 a .content{
        position: relative;
        left: 25%;
        width: 50%;
        height: 2.5rem;
        background-color: var(--primary);
        margin-bottom: -.9rem;
        text-align: center;
        line-height: 2.5rem;
    }

    footer .col-2 a .content:hover {
        cursor: pointer;
        background-color: var(--primary-dark);
    }

    footer .col-3 a {
        position: relative;
        line-height: 1.7rem;
        text-decoration: underline;
    }

    footer .sec-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2.5rem;
        background-color: var(--primary);
        text-align: center;
        line-height: 2.5rem;
    }

    footer .sec-footer span, a {
        color: white;
    }

    footer .sec-footer span {
        font-weight: 600;
    }

    footer .sec-footer a {
        text-decoration: underline;
        font-weight: 300;
    }
    /* Footer ENDE */
}