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

@media 
screen and (max-width: 672px) {
        /* Footer START */
        footer {
            position: relative;
            width: 100%;
            height: 50rem;
            display: flex;
            flex-direction: column;
            background-color: var(--secondary);
        }
    
        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;
            font-size: 1.5rem;
        }
    
        footer .col-1 p, b { 
            font-size: 1.1rem;
            color: white;
            text-align: center !important;
        }
    
        footer .col-1 a { 
            color: var(--primary);
            font-size: 1.1rem;
        }
    
        footer .col .city {
            margin-bottom: .3rem;
        }
    
        footer .col-2 a {
            font-size: 1.1rem;
        }
    
        footer .col-2 a .content{
            position: relative;
            left: 10%;
            width: 80%;
            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: 2rem;
            text-decoration: underline;
            font-size: 1.1rem;
        }
    
        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;
            font-size: .7rem;
        }
    
        footer .sec-footer a {
            text-decoration: underline;
            font-weight: 300;
            font-size: .9rem;
        }
        /* Footer ENDE */
}