.iframe-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    box-shadow: 5px 5px 56px 0px rgba(0, 0, 0, 0.25);
}

.iframe-container .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.gantt_container {
    position: relative;
  overflow: hidden;
}

.gantt-container, .message-container {
    display: none;
}

.message-container.visible, .gantt-container.visible {
    display: block;
}

@media (min-width: 992px) {
    .gantt-container {
        display: block;
    }

    .message-container {
        display: none;
    }
}


@media (max-width:870px) {
    .iframe-container {
        width: 200%;
        min-height: 450px;
    }
}