@media (min-width: 700px) {
    .mobile .hero {
        background-position: center;
        background-size: cover;
    }

    .hero-title {
        font-size: 6rem;
        font-family: 'Nerwus',
            arial;

        margin: 0 0 3rem 0;
    }

    .intro-content {
        max-width: 690px;
    }

}

@media (min-width: 1409px) {
    #chapters-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: center;
        justify-items: center;
    }

    .box--big {
        max-width: calc(600px + 2rem);
        width: calc(600px + 2rem);
        height: calc(600px + 2rem);
        margin: 0;

        grid-column: span 2;
        grid-row: span 2;
    }

    .chapter-box:hover {
        transform: scale(1.05);
    }

    .box--big img {
        width: auto;
        height: calc(600px + 2rem);
    }

    .box--big .chapter-excerpt {
        height: calc(600px + 2rem - 50px);
        padding: 0 2em;
        font-size: 1.5rem;
    }

    .box--big .chapter-title {
        height: 100px;
    }

    .box--big .chapter-title h2 {
        font-size: 2.5em;
    }

    .papper-effect {
        height: 230px;
    }
}

@media(min-width:1915px) {
    .papper-effect {
        height: 260px;
    }
}