@media (max-width: 479px) {
    #logo-layer {
        top: 8px;
        left: 50%;
    }
    #logo-image {
        width: 114px;
        height: 57px;
        left: 50%;
        transform: translateX(-50%);
    }
    #popcorn-image {
        width: 120%;
        margin: 2px -10% -13%;
    }
    #body-content {
        padding: 10px;
    }
    .container {
        padding: 10px;
    }
    .text-column {
        min-width: 120px;
    }
    h1 {
        font-size: 35px;
        line-height: 42px;
    }
    h2 {
        font-size: 26px;
        line-height: 32px;
    }
    p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #logo-layer {
        left: 22px;
        top: 22px;
    }
    #logo-image {
        width: 114px;
        height: 57px;
    }
    #popcorn-image {
        margin: -14px 0 -53px;
    }
    h1 {
        font-size: 38px;
        line-height: 46px;
    }
    h2 {
        font-size: 29px;
        line-height: 35px;
    }
    p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #logo-layer {
        left: 33px;
        top: 33px;
    }
    #logo-image {
        width: 167px;
        height: 84px;
    }
    #popcorn-image {
        margin: -66px 0 -96px;
    }
    h1 {
        font-size: 38px;
        line-height: 46px;
    }
    h2 {
        font-size: 29px;
        line-height: 35px;
    }
    p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    #logo-layer {
        left: 33px;
        top: 33px;
    }
    #logo-image {
        width: 169px;
        height: 84px;
    }
    #popcorn-image {
        margin: -66px 0 -96px;
    }
}

@media (min-width: 1200px) {
    #body-top, #body-content, #body-bottom, #body-bottom-space {
        margin: auto;
    }
    #logo-layer {
        left: 33px;
        top: 33px;
    }
    #logo-image {
        width: 169px;
        height: 84px;
    }
    #popcorn-image {
        margin: -184px 0;
    }
    .container{
        max-width: 1366px;
    }

}