.parallax {
    background-image: url("../img/bed-sm.jpg");
    height: calc(100vh - (50px + 1rem) - (37.75px + 1rem));
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 1200px) {
    .parallax {
        height: calc(100vh - (38.7px + 1rem) - (37.75px + 1rem));
    }
}