@media only screen and (max-width: 600px) {
    body {
        padding-top: 5%;
    }

    .nav {
        display: grid;
    }

    .featured {
        height: 30vh;
    }

    .navbar .middle,
    .navbar .right {
        display: none;
    }

    .footer .copyright,
    .footer label {
        text-align: center;
        display: block;
    }

    .footer ul {
        justify-content: space-around;
    }

    .stories {
        height: unset;
    }

    .stories .cover {
        height: 30vh;
    }

    .stories .properties {
        display: none;
    }
    
    .carousel-cell { width: 50%; }
}