/* Overloads of ../style.css classes*/

.main-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;

    max-width: 34rem;
    margin: 0 auto;
    padding-top: 0.5rem;
}

/* Hero style */

.hero-bg {
    position: relative;
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}

    object-fit: contain;
}

.hero-header a.logo {
    height: 30vh;
    display: inline-block;
}

.hero-header .hero-overlay a.logo {
    height: 100%;
    display: inline-block;
}