/* Compatibility fixes. Layout, colours, imagery and animation stay in the original CSS. */
.home #mainimg { width: 100%; }
#videoContainer { width: 100%; text-align: center; }
.d-demo__list, .d-demo__item { flex-shrink: 0; }
.d-demo__item > a img { max-width: none; }
.d-demo__wrap-first:focus-within .d-demo__list,
.d-demo__wrap-second:focus-within .d-demo__list,
.d-demo__wrap-third:focus-within .d-demo__list { animation-play-state: paused; }
@media (max-width: 768px) {
    .navbar-brand { max-width: calc(100% - 60px); white-space: normal; }
    .list-container { flex-wrap: wrap; }
    .list-square { max-width: 100%; }
    .sche img, .soshikizu, .daihyokanzi { max-width: 100%; }
}