@media screen and (min-width: 40.0625rem) { br { display: block; } .section__links { align-items: start; flex-direction: row; justify-content: space-between; gap: 0; width: 100%; } .section__links--events { justify-content: start; gap: 1.5rem; } .section__links button { width: unset; } .section__links .button { width: unset; } } @media screen and (min-width: 50.0625rem) { .show-medium { display: block; } .swiper__content { left: unset; right: 10%; bottom: 10%; padding: 1rem 1.5rem; border-radius: var(--border-radius); box-shadow: -0.375rem -0.375rem 0.625rem rgba(0, 0, 0, 0.4), 0.375rem 0.375rem 0.625rem rgba(0, 0, 0, 0.4); } .swiper__content .title{ height: unset; font-size: 3rem; } .gallery { grid-template-columns: 1fr 1fr; } .swiper__image { object-position: 20% 0%; } .section__badges { display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; max-width: 81.25rem; } .section__badges div + div { margin-top: 0; } .section--badges { height: 30rem; } .list--menu { display: flex; } .header__button { display: none; } .footer__content { display: flex; justify-content: space-between; min-width: 40rem; } } @media screen and (min-width: 75.0625rem) { .close--preview { top: 2rem; right: 1rem; } .section--block { height: 40rem; max-height: calc(100vh - 5rem); } .section__intro { flex-direction: row; } .section__left, .section__right { position: absolute; top: 0; left: 50%; width: calc(50% - 6.5rem); height: calc(100% - 6.5rem); padding: 3.25rem; } .section__right .list{ font-size: 1rem; } .section__right .list + .list{ margin-top: 1.25rem; } .section__left { left: -50%; } .section--switch .section__left { left: 0%; } .section__picture { width: 50vw; height: 100%; max-height: 100%; z-index: 1; } .section__welcome { min-height: 25rem; } .gallery { grid-template-columns: 1fr 1fr 1fr 1fr; } .footer__content { min-width: 50rem; } } @media screen and (min-width: 91.375rem) { .hide-text { display: none; } .section__footer p { display: block; } .section__footer iframe { max-width: unset; } } @media screen and (min-width: 100.0625rem) { .close--preview { right: 2.5%; } .swiper__content { bottom: 20%; } }