) and (orientation: landscape) {
  .site.vers--single-pattern .site__content::after {
    content: none;
  }
}
.site.vers--single-pattern .site__footer {
  background-color: #fff;
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .site.vers--single-pattern .site__footer {
    background-color: transparent;
  }
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .site.is--showing-pattern-details .pattern-list {
    transform: translateZ(-100px);
    opacity: 0.5;
 