@media only screen and (min-width: 993px) {
    .container {
        width: 85%;
    }
}

@media only screen and (min-width: 601px) {
    .container {
        width: 90%;
    }
}

@media (max-width: 420px) {
    h2 {
        font-size: 3rem;
    }
    h6 {
        font-size: 1.2rem;
        line-height: 1.6;
    }
    html {
        font-size: 0.85rem;
    }
    home-component .parallax-container {
        height: 400px;
    }
    nav .sidenav-trigger {
        height: 40px;
        margin: 0;
    }
    nav .sidenav-trigger i {
        height: 40px;
        line-height: 40px;
    }
    nav ul.right {
        margin-right: 0;
    }
    .parallax-container .parallax img {
        max-width: 700px;
    }
}

@media (max-width: 365px) {
    home-component .parallax-container {
        height: 350px;
    }
    .parallax-container .parallax img {
        max-width: 600px;
    }
}