.name-h2 {
    font-size: 5rem;
}

/* FRONT PAGE */
#showcase {
    grid-template-columns: 1fr;
}

#showcase:before {
    background: url("../img/Neta4.jpg") no-repeat center center/cover;
}

.main-nav {
    grid-column: 1;
}

.name-container {
    justify-self: center;
    margin-top: 10rem;
}

.main-nav ul {
    display: grid;
}

.main-nav ul li {
    display: grid;
    justify-items: center;
    border-bottom: 1px solid var(--light_color);
    padding-top: 2rem;
}

.main-nav ul li a {
    font-size: 2rem;
}

/* SUB NAV */
.sub-nav {
    position: relative;
    height: 100vh;
}

.sub-nav .list-container {
    grid-template-columns: 1fr;
    grid-gap: 0;
    padding-bottom: 3rem;
}

.sub-nav ul li a.current {
    border: none;
}

.sub-nav ul li a:hover {
    border: none;
}

/* CONTACT PAGE */
.contact-page {
    grid-template-columns: 1fr;
    height: 100vh;
}

.contact-page .contact-picture {
    display: none;
}

.contact-page .card {
    grid-template-columns: 1fr;
    margin: 4rem;
}

.contact-page .card .contact-list {
    grid-row: 2;
    padding: 2rem;
}

.contact-page .card .contact-list ul {
    padding: 1rem;
}

.contact-page .card .contact-list ul li {
    padding: 2rem;
}

/* FILM PAGE */
.awards {
    height: 100vh;
}

.film-showcase {
    height: 100vh;
}

.film-showcase .films {
    display: block;
    height: 100%;
    width: 100%;
    padding: 1rem;
}

.film-showcase .films .secondary-film {
    display: none;
}

.filmography .container {
    grid-template-columns: 1fr;
}

.filmography .container ul li:last-child {
    border-bottom: 1px solid var(--light_color);
}

.talks-showcase {
    min-height: 100vh;
    grid-template-columns: 1fr;
 }

@media (max-width: 500px) {
    .section {
        height: 100vh;
    }

    .main-nav ul li a {
        font-size: .7rem;
    }

    .name-container {
        margin-top: 1rem;
    }

    .name-h {
        font-size: 2rem;
    }

    .name-h2 {
        font-size: 2rem;
    }

    .contact-page {
        display: block;
        height: fit-content;
    }

    .contact-page .container {
        padding: 0;
    }

    .contact-page .container .card {
        margin: 0;
        border-radius: 0;
    }

    .awards {
        display: block;
        height: fit-content;
    }

    .awards .container {
        padding: 0;
    }

    .awards .container .card {
        margin: 0;
        border-radius: 0;
        grid-template-columns: 1fr;
    }

    .film-showcase {
        height: fit-content;
    }

    .filmography .container {
        padding: .5rem;
    }

    .talks-showcase p {
        font-size: 1rem;
        padding: 1.5rem;
    }

    .talks-list .container {
        display: block;
        padding: .5rem;
    }

    .talks-list .container > p {
        text-align: justify;
        font-size: 1rem;
        padding: .5rem;
        margin: 2rem 0;
    }
}