#demo-main-content {
    transition: all ease-in-out 1s;
    margin: 0!important;
    padding: 0!important;
}

#demo-article-content {
    transition: all ease-in-out 1s;
    margin: 0!important;
    padding: 0!important;
}

#demo-article-content p {
    margin: 0!important;
    padding: 0!important;
}

#demo-header-content {
    margin-left: 20px;
    margin-top: 20px;
}

online-demo {
    position: relative;
    display: block;
    height: calc(100vh - 276px);
    transition-property: height;
    transition-duration: 400ms;
    transition-timing-function: ease-out;
}

online-demo.full-view {
    height: calc(100vh - 87px);
}

.diet {
    padding: 0!important;
    margin: 0!important;
}

@media only screen and (max-width: 1000px) {
    online-demo {
        height: calc(100vh - 160px);
    }

    online-demo.full-view {
        height: calc(100vh - 45px);
    }


}