@import url(./index.css);
/* ========================================
   HEADER
======================================== */

.header {
    width: 100%;
    min-height: 5rem;
    padding: 0.75rem 1rem;

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

    background-color: var(--bg-color);
}

.logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.logo img {
    width: 10rem;
    height: auto;
    object-fit: contain;
}

/* Telas maiores */
@media (min-width: 768px) {
    .header {
        min-height: 6rem;
    }

    .logo img {
        width: 12rem;
    }
}