@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --pageWidth:1600px;
    --slickWidth:1400px;
    --active:#41c9bd;
    --darkGray:#666666;
    --gray:#4c4c4c;
    --lightGray:#817f82;
    --lighterGrey:#fafafa;
    --white:#ffffff;
    --black:#010203;
}
@font-face {
  font-family: RivieraFont;
  src: url(/static/Riviera_font/RivieraNights-Medium.otf);
}
* {
    font-family: 'RivieraFont', sans-serif !important;
    box-sizing: border-box;
    padding: 0;
    transition-duration: 400ms;
}
font {
    color: var(--darkGray);
}
h1 {
    color: var(--darkGray);
}
.storage{
    color: var(--black);
}
body{
    font-family: RivieraFont;
    font-weight: 500;
    font-optical-sizing: auto;
    font-style: normal;
    padding: 0;
    margin: 0;
}
section{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 100%;
}
.bold{
    font-weight: 700;
}
.sectionContent{
    max-width: var(--pageWidth) ;
    display: flex;
    flex-direction: row;
    width: 100%;
}
a{
    text-decoration: none;
}
p{
    color: var(--darkGray);
}
h2{
    color: var(--darkGray);
}
h3{
    color: var(--darkGray);
}
img{
    object-fit: contain;
}
.uppercase{
    text-transform: uppercase;
}
.footerLinksLogoContainer{
    display:flex;
    width:100%;
    align-items:center;
}
.footerLinksLogoContainer a{
    padding:0;
}
.footerLinks {
    width:100%;
}
.footerSection .sectionContent{
    align-items: center;
}
.bold{
    font-weight: 600;
}
.textWhite{
    color: var(--white)
}
.blur{
    filter:blur(10px);
    transition: 300ms;
}
.slickImage{
    transition: 300ms;
}
.menuSection{
    height: 6em;
    z-index: 100;
    position: sticky;
    top: 0;
    background-color: var(--white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.menuSection .sectionContent{
    width: 100%;
    height: 6em;
    z-index: 101;

}
.menuLogoBox{
    display: flex;
    flex-direction: row;
    width: 40%;
}
.menuLogoBox img{
    object-fit: contain;
    padding: 1em;
}
.menuButtonBox{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
}
.alignLeftHeader {
    padding-left: 1em;
    display: flex;
    flex-direction: column;
}
.contactsSocialRow img{
    filter: brightness(0) saturate(100%) invert(38%) sepia(6%) saturate(17%) hue-rotate(347deg) brightness(98%) contrast(84%);
    transition: 200ms;
}
.smallTextForm{
    font-size: x-small;
    color: var(--white);
}
.smallTextForm a{
    text-decoration: underline;
    color: var(--white);
}
.smallTextForm a:hover{
    text-decoration: none;
}
.collaboratorFooter .footerLinksContent{
    width: 100%;
}
.collaboratorFooter .footerLinksColumn{
    flex-direction: row;
    padding: 0;
}
.collaboratorFooter .w-1\/3{
    padding: 2em;
}
.menuButtonBox:hover{
    cursor:pointer;
}
.menuButton{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    height: 5em;
    transition: 200ms;
    font-size:1.2em;
}
.menuButton p{
    color: var(--darkGray);
    transition: 200ms;
}
.menuButton:hover{
    color: var(--black);
    transition: 200ms;
}
.menuButton:hover p{
    color: var(--black);
    transition: 200ms;
}
.menuButtonBox a{
    color: var(--darkGray) ;
}
.openButton{
    margin-left: 1em;
    margin-right: 1em;
    background-color: var(--darkGray);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 200ms;
}
.openButton a{
    padding: 1em;
    color: var(--white);
}
.openButton:hover{
    background-color: var(--black);
    transition: 200ms;
}
.floatingMenu{
    height: auto;
    margin-top: 1em;
}
.floatingMenuContent{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: flex-end;
}
#floatingProgramMenu{
    display: none;
}
#floatingAboutMenu{
    display: none;
}
.floatingMenuContent img{
    padding: 1em;
    width: 35%;
}
.floatingMenuButtonColumn{
    display: flex;
    flex-direction: column;
    font-size: 1.2em;
    width: 100%;
}
.floatingMenuButtonCol{
    width:270px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: var(--lighterGrey);
    padding: 1em;
    display: flex;
    flex-direction: column;
}
.floatingMenuButtonColumn a{
    width: 100%;
    padding: 0.6em;
    color: var(--darkGray);
    transition: 300ms;
}
.floatingMenuButtonColumn h3{
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #ccc;
    font-size: 2em;
}
.floatingMenuWrap{
    position: absolute;
    top: 6em;
    right: 0;
    width:100%
}
.displayNone{
    display:none !important;
}
.menuExitButton{
    margin-top:0.5em;
    height: 100%;
    width: 100%;
    display: none;
    align-items: flex-end;
    justify-content: flex-end;
}
.menuExitButton img{
    width: 2em;
    height: 2em;
    opacity: 0.6;
    padding: 0;
}
.menuExitButton img:hover{
    cursor: pointer;
    opacity: 0.8;
}
.barButton{
    display: none;
    height: 100%;
    width: 6em;
}
.bar1{
    width: 90px;
    height: 12px;
    background-color: var(--darkGray);
    margin: 5px;
    transition: all 500ms;
}
.bar2{
    width: 90px;
    height: 12px;
    background-color: var(--darkGray);
    margin: 5px;
    transition: all 500ms;
}
.bar3{
    width: 90px;
    height: 12px;
    background-color: var(--darkGray);
    margin: 5px;
    transition: all 500ms;
}
.barButton.open .bar2{
    width: 0;
    transition: all 500ms;
}

.barButton.open .bar1{
    transform: translateY(22px) rotate(45deg);
    transition: all 500ms;
}

.barButton.open .bar3{
    transform: translateY(-22px) rotate(-45deg);
    transition: all 500ms;
}

.bar1, .bar2, .bar3 {
  width: 45px;
  height: 6px;
  margin: 2.5px;
  transition: all 500ms;
}

.barButton.open .bar2 {
  width: 0;
  transition: all 500ms;
}

.barButton.open .bar1 {
  transform: translateY(11px) rotate(45deg);
  transition: all 500ms;
}

.barButton.open .bar3 {
  transform: translateY(-11px) rotate(-45deg);
  transition: all 500ms;
}
.subMenuWrap{
    display: none;
}
#programMenuButtonMobile{
    display: none;
}
#aboutMenuButtonMobile{
    display: none;
}
.subMenuButtonRow{
    padding-left: 1em;
    display: flex;
}
.subMenuButtonRow:hover a{
    color: var(--black);
}
.subMenuButtonRow:hover img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(10%) saturate(6826%) hue-rotate(211deg) brightness(105%) contrast(100%);
}
.subMenuButtonRow img{
    display:none;
    width: 35px;
    padding-right: 0;
}
.mt-footer{
    margin-top: 134px;
}
.promoSection {
    display: block !important;
}
.promoSection .sectionContent{
    max-width: 1920px;
}
#promoA{
    width: 100%;
    <!--max-height: 688px;-->
}
#promoA img{
    width: 100%;
    object-fit: fill;
}
.promoSection .slick-arrow{
    height: 100%;
    opacity: 0.7;
    right: 0;
    width: 80px;
    z-index: 2;
    transition: 600ms;
}
.slick-prev {
    left: 0px;
}
#promoA .slickImage{
    width: 100%;
}
#promoA .slickImage img{
    width: 100%;
}
.promoSection .slick-prev::before{
    background-size: 80px 80px;
    content: "";
    opacity: 0;
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("/static/images/left-arrow-next-svgrepo-com.svg");
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(66deg) brightness(111%) contrast(101%);
    transition: 600ms;
}
.promoSection:hover .slick-prev::before{
    transition: 300ms;
    opacity: 0.7;
}
.promoSection:hover .slick-next::before{
    transition: 300ms;
    opacity: 0.7;
}
.promoSection .slick-next::before{
    background-size: 80px 80px;
    opacity: 0;
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("/static/images/right-arrow-svgrepo-com.svg");
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(66deg) brightness(111%) contrast(101%);
    transition: 600ms;
}
.promoSection:hover .slick-arrow{
    background-color: var(--gray);
    transition: 600ms;
}
#promoMobile{
    width: 100%;
    display: flex;
    max-height: 688px;
}
#promoMobile img{
    width: 100%;
    object-fit: fill;
}
#promoMobile .slickImage{
    width: 100%;
}
#promoMobile .slickImage img{
    width: 100%;
}
.promoSection .sectionContent{
    z-index:-1;
}

.newsSection{
    padding-top: 50px;
    background: var(--white);

}
.newsSection .sectionContent{
    height: auto;
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 50px;
}
.newsBox{
    display: flex;
    flex-direction:column ;
    width: 32%;
}
.newsBoxContent{
    height:100%;
    padding-right: 7em;
    background-color:var(--lighterGrey) ;
}
.newsSection .expositionButtonRow{
    background-color: var(--lighterGrey);
}
.newsSection h2{
    margin-bottom: 2em;
}
.newsSection .gridButton{
    margin-bottom: 1em;
}
.newsHeading h2{
    padding: 1em;
    margin-top: 0;
    margin-bottom: 0;
}
.newsBoxContent p{
    padding-left:1.5em ;
    margin-top: 1em;
    margin-bottom: 1em;
}
.newsBoxText{
    margin-top: 1em;
}
.newsBoxText p{
    margin: 0;
}
.expositionSection .sectionContent{
    justify-content: center;
    max-height: 425px;
}

.expositionSection .slick-arrow{
    height: 100%;
    opacity: 0.7;
    right: 0;
    width: 80px;
    z-index: 2;
    transition: 600ms;
}
.expositionSection .slick-next{
    right: 15px;
}
.expositionSection .slick-prev{
    left: 15px;
}
.expositionContent h2{
    margin-bottom: 2em;
    margin-left: 0.5em;
}
.expositionContent .sectionContent:hover .slick-arrow{
    background-color: var(--gray);
    transition: 600ms;
}
.expositionContent .sectionContent .slick-prev::before{
    background-size: 80px 80px;
    content: "";
    opacity: 0;
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("/static/images/left-arrow-next-svgrepo-com.svg");
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(66deg) brightness(111%) contrast(101%);
    transition: 600ms;
}
.expositionSection .slick-next::before{
    background-size: 80px 80px;
    opacity: 0;
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("/static/images/right-arrow-svgrepo-com.svg");
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(66deg) brightness(111%) contrast(101%);
    transition: 600ms;
}
.expositionSection:hover .slick-prev::before{
    transition: 300ms;
    opacity: 0.7;
}
.expositionSection:hover .slick-next::before{
    transition: 300ms;
    opacity: 0.7;
}
.expositionContent{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    max-width: var(--pageWidth);
    width: 100%;
    margin-bottom: 50px;
    margin-top: 50px;
}
.expositionButtonRow{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
}
.gridButton{
    margin-top: 1em;
    margin-right: 1em;
    display: flex;
    transition: 200ms;
}
.gridButton a:hover{
    color: var(--black);
    transition: 200ms;
}
.gridButton a{
    color: var(--darkGray);
    padding: 0.5em ;
}
.gallery .slickImage{
    width: 100%;
}
.gallery p{
    text-align:center;
}
.gallery .slickImageWrap{
    padding: 0 1em;
}
.gallery .slickImage img{
    width: 100%;
}
#expositionGridMobile{
    display: none;
}
.gallerySection .sectionContent{
    justify-content: center;
    max-height: 355px;
}
.gallerySection .slick-arrow{
    height: 100%;
    opacity: 0.7;
    right: 0;
    width: 80px;
    z-index: 2;
    transition: 600ms;
}
.gallerySection .slick-next{
    right: 15px;
}
.gallerySection .slick-prev{
    left: 15px;
}
.galleryContent h2{
    margin-bottom: 2em;
    margin-left:0.5em;
    margin-top: 3em;
}
.galleryContent .sectionContent:hover .slick-arrow{
    background-color: var(--gray);
    transition: 600ms;
}
.galleryContent .sectionContent .slick-prev::before{
    background-size: 80px 80px;
    content: "";
    opacity: 0;
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("/static/images/left-arrow-next-svgrepo-com.svg");
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(66deg) brightness(111%) contrast(101%);
    transition: 600ms;
}
.gallerySection .slick-next::before{
    background-size: 80px 80px;
    opacity: 0;
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("/static/images/right-arrow-svgrepo-com.svg");
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(66deg) brightness(111%) contrast(101%);
    transition: 600ms;
}
.gallerySection:hover .slick-prev::before{
    transition: 300ms;
    opacity: 0.7;
}
.gallerySection:hover .slick-next::before{
    transition: 300ms;
    opacity: 0.7;
}
.galleryContent{
    margin-bottom: 50px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    max-width: var(--pageWidth);
    width: 100%;
}
.galleryContent p{
    font-size: 1.8em;
    padding: 0 0.5em;
    margin: 2em 0;
}
#galleryGridMobile{
    display: none;
}
.mapSection{
    margin-bottom: 2em;
}
.mapSection h2{
    padding: 1em;
}
.mapSection .sectionContent{
    justify-content: center;
    margin-bottom: 1.5em;
}
.mapWrap{
    display: flex;
    width: 75%;
}
.sectionContentWrap{
    max-width: var(--pageWidth);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 3em 0
}
.contacts{
    display: flex;
    width: 25%;
    background-color: var(--lighterGrey);
    padding:1.5em;
}
.contacts p{
    padding: 0.5em 0;
    margin: 0;
}
.map{
    display: block;
    width: 63%;
    margin-left: 1.5em;
    background-color: var(--lighterGrey);
}
.schedule{
    display: flex;
    flex-direction:column ;
    width: 33%;
    background-color: var(--lighterGrey);
    padding: 1.5em;
}
.mapWrap{
    margin:0;
}
.scheduleContent{
    display: flex;
    justify-content: space-between;
}
.scheduleHours{
    display: flex;
    text-align: right;
}
.scheduleButtonRow{
    display: flex;
    justify-content: flex-end;
}
.mapSection .gridButton{
    margin: 0;
}
.address{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.addressWrap{
    display: block;
    height: 85%;
}
.contactsSocialRow {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    height: 4em;
    justify-content: flex-end;
    margin: 0.8em 0;
}
.contactsSocialRow img{
    padding-right: 0.5em;
    height: 3em;
    object-fit: contain;
    transition: 200ms;
}
.contactsSocialRow a:hover img{
    filter: brightness(0) saturate(100%) invert(1%) sepia(3%) saturate(3419%) hue-rotate(178deg) brightness(90%) contrast(101%);
    transition: 200ms;
}
.mapText{
    display: block;
    width: 50%;
    padding: 0.5em 1.5em;
    background-color: var(--lighterGrey);
    font-size: 1.5em;
}
.mapGridWrap{
    display: flex;
    justify-content: center;
    width: 50%;
}
#mapGrid{
    display: block;
    width: 80%;
    height: 288px;
}
#mapSection .slick-prev{
    left: -65px;
    top: 130px
}
#mapSection .slick-next{
    top: 130px
}
.mapSection .slick-list{
    height: 100%;
}
.mapSection .slick-prev::before{
    background-size: 55px 55px;
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    background-image: url("/static/images/left-arrow-next-svgrepo-com.svg");
    filter: brightness(0) saturate(100%) invert(39%) sepia(22%) saturate(33%) hue-rotate(318deg) brightness(92%) contrast(82%);
    transition: 200ms;
}
.mapSection .slick-next::before{
    background-size: 55px 55px;
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    background-image: url("/static/images/right-arrow-svgrepo-com.svg");
    filter: brightness(0) saturate(100%) invert(39%) sepia(22%) saturate(33%) hue-rotate(318deg) brightness(92%) contrast(82%);
}
.mapSection .slick-prev:hover:before{
    filter: brightness(0) saturate(100%) invert(88%) sepia(41%) saturate(686%) hue-rotate(102deg) brightness(82%) contrast(88%);
    transition: 200ms;
}
.mapSection .slick-next:hover:before{
    filter: brightness(0) saturate(100%) invert(88%) sepia(41%) saturate(686%) hue-rotate(102deg) brightness(82%) contrast(88%);
    transition: 200ms;
}
.footerSection .sectionContent{
    flex-direction: column;
}
.footerSection .sectionContent a{
    color: var(--white);
}
.footerForm{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    background-color: var(--lightGray);
    padding:1em ;
}
.footerLinksRow a{
    padding: 0.5rem;
}
.footerLinksMenu a{
    padding: 0.5rem;
}
.footerForm label{
    color: var(--white);
    font-size: 1.1em;
    padding: 1em;
    margin: 0;
    width: 30%;
}
#footerInputAddress{
    display: block;
    width: 50%;
    font-size: 1em;
    padding: 1em;
    border:none;
}
.footerSubmitButton{
    justify-content: center;
    color: var(--white);
    background-color: var(--active);
    padding: 1em 2em;
    margin-left: 2em;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    border: none;
    transition: 200ms;
}
.footerSubmitButton:hover{
    cursor: pointer;
    background-color: var(--darkGray);
    transition: 200ms;
}
.footerLinks{
    display: flex;
    flex-direction: row;
    background-color: var(--gray);
    margin-bottom: 2em;
}
.footerLinksRow{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.smallTextForm{
    font-size:0.7em !important;
}
.footerLinksColumn{
    display: flex;
    flex-direction: column;
}
.footerLinksMenu{
    width: 25%;
    display: flex;
    flex-direction: column;
    padding-left: 1.5em;
    padding-bottom: 3.5em;
}
.footerLinksContent{
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footerLinksContentHeading{
    font-size: 1.5em;
}
.footerLinksContentHeading {
    margin-bottom: 0.2em;
}
.footerLinksEnd a{
    font-size: 1.5em;
    padding-bottom: 0;
    padding-top:0;
}
.footerLogo{
    width: 80%;
    padding: 1.5em 1.5em 1.5em 0.5em;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(66deg) brightness(111%) contrast(101%);
}
.footerLinksRow .footerLinksContentHeading{
    margin-top: 4.48em;
}
.footerLine{
    display: block;
    width: 1px;
    height: 90%;
    margin-top: 2em ;
}
.footerEnd{
    display: flex;
    justify-content: center;
    margin: 1em;
    font-size: 1em;
}
.footerStartSection{
    background-color: var(--lightGray);
}
.footerSection{
    background-color: var(--gray);
}
.footerSection a:hover{
    text-decoration: underline;
}
.footerEndSection{
    background-color: var(--gray);
}
.footerEndSection .sectionContent{
    justify-content: center;
}
.footerEndSection p{
    color: var(--white)
}

.backToTop{
    position: fixed;
    right: 20px;
    bottom: 20px;
    height: 50px;
    width: 50px;
    z-index: 100;
}
.backToTopCircle{
    height: 50px;
    width: 50px;
    filter: brightness(0) saturate(100%) invert(35%) sepia(56%) saturate(7%) hue-rotate(8deg) brightness(100%) contrast(97%);
    transition: 300ms;
}
.backToTopCircle:hover{
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(68%) sepia(68%) saturate(383%) hue-rotate(125deg) brightness(90%) contrast(87%);
    transition: 300ms;
}
.backToTopBg{
    border-radius: 100%;
    position: fixed;
    right: 25px;
    bottom: 25px;
    height: 40px;
    width: 40px;
    z-index: -1;
    background-color: var(--white);
}
.about_text{
    margin: 3em 2em;
}
.flex-vertical{
    display: flex;
    flex-direction: column;
}
.flex-vertical .sectionContent{
    display: flex;
    flex-direction: column;
}
.gallery_grid{
    display: flex;
    justify-content: center;
}
.m-1{
    margin:1em;
}
.m2{
    margin: 2em !important;
}
.m35{
    margin: 3em 5em !important
}
.mt0{
    margin-top:0 !important;
}
.mt1{
    margin-top:20px !important;
}
.mb0{
    margin-bottom:0 !important;
}
.mb3{
    margin-bottom:3em !important;
}
.p2{
    padding:2em !important;
}
.bg-gray{
    background-color: var(--lighterGrey);
}
.pr-1{
    padding-right:1em;
}
.w-1\/3{
    width: 33.33333%;
}
.w-30{
    width: 30%;
}
.w-70{
    width: 70%;
}
.w-50{
    width: 50%;
}
.w-25{
    width:25%
}
.w-100{
    width: 100%;
}
.h-100{
    height:100%;
}
.h-100 img{
    height:100%;
}
.flex{
    display:flex;
}
.collectionSection .sectionContent{
    flex-direction: column;
}
.artistSection .sectionContent{
    flex-direction: column;
}
.textContainer p{
    margin-top: 0.8em;
    margin-bottom: 0.5em;
}
.disabled{
    display:none;
}
.column .section-button{
    padding:0;
}
.column .section-button h2{
    margin:0.2em;
    font-size:1.2em;
}
.column{
    padding-left:7em !important;
    flex-direction:column;
}
.section-button{
    padding:1em;
}
.section-button:hover{
    cursor:pointer;
}
.section-button:hover h2{
    color: var(--black)
}
.section_button_box{
    padding-left: 6em !important;
    padding:2em;
    padding-bottom:0;
    display:flex;
}
.pl-3{
    padding-left:3em !important;
}
.h-50{
    height:50%;
}
.pb-2{
    padding-bottom:2em;
}
.w-50 .scheduleContent{
    width:50%;
}
.openButton .open{
    background: var(--active);
}
.sub_menu_button_col {
    display:none;
}
@media only screen and (max-width: 1300px){
    .galleryContent{
        padding: 0 6em;
    }
    .expositionContent{
        padding: 0 6em;
    }
    .menuLogoBox{
        width: 35%;
    }
    .menuButtonBox{
        width: 65%;
    }
    .newsSection .sectionContent {
        padding-left: 1em;
        padding-right: 1em;
    }

    .gallerySection .sectionContent{
        max-height: 300px;
    }

    .mapSection .sectionContent {
        padding-left: 2em;
        padding-right: 2em;
    }

    .footerSection .sectionContent {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
    .footerLinksRow .footerLinksContentHeading {
        margin-top: 4.5em;
    }
    .
}


@media only screen and (max-width: 1000px){
    .contactsSocialRow{
        justify-content: center;
    }
    .mobileColumn{
        flex-direction:column;
    }
    .mw-100{
        width:100%;
    }
    .floatingMenu{
        display:none
    }
    h2{
        width: 100%;
        padding-left: 0.5em;
    }
    .m35{
        margin: 2em 1em !important
    }
    .menuSection{
        font-size: 1em;
        height: 5em;
    }
    .menuSection .sectionContent{
        flex-direction: column;
        height: 5em;
    }
    .menuButtonBox{
        background-color: var(--white);
        height: auto;
        width: 100%;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
    .menuLogoBox{
        justify-content: space-between;
        height: 100%;
        width: 100%;
    }
    .menuButton{
        height: 4em;
        background-color: var(--white);
        width: 100%;
    }
    .menuButton:hover p{
    color: var(--darkGray);
    }
    .openButton{
        display: none;
    }
    .menuButton:hover{
        background-color: var(--white);
        color: var(--darkGray);
    }
    .barButton{
        padding: 1em;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    #programMenuButtonMobile{
        display: flex;
    }
    #programMenuButton{
        display: none;
    }
    #aboutMenuButtonMobile{
        display: flex;
    }
    #aboutMenuButton{
        display: none;
    }
    .subMenu{
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--lighterGrey);
    }
    .subMenu a{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 2.9em;
        padding: 1em;
    }

    #promoA{
        display: none;
    }
    .promoSection:hover .slick-arrow{
        opacity: 0;
    }
    .promoSection .slick-arrow{
        opacity: 0;
        transition: 0;
    }
    #promoMobile{
        display: block !important;
        max-height: none;
    }
    #menuButtonBox{
        display: none;
    }

    .newsSection .sectionContent {
        flex-direction: column;
    }
    .newsBox{
        width: 100%;
        padding: 1em 0;
    }
    .expositionSection .sectionContent{
        max-height: 450px;
    }
    .expositionButtonRow .gridButton{
        margin-right: 1em;
    }
    .expositionContent{
        padding: 0 1em;
    }

    .gallerySection .sectionContent{
        max-height: 450px;
    }
    .galleryContent{
        padding: 0px 1em;
    }
    .galleryContent p{
        font-size: 1.5em;
    }

    .mapSection .sectionContent{
        flex-direction: column;
        padding-left: 1em;
        padding-right: 1em;
    }
    .mapSection h2{
        padding-left: 0.5em;
    }
    .mapWrap{
        width: 100%;
        flex-direction: column;
    }
    .schedule{
        width: 100%;
    }

    .map{
        width: 100%;
        height: 350px;
        margin-left: 0;
        margin-bottom: 1em;
    }
    .contacts{
       width: 100%;
       margin-top:2em;
    }
    .mapText{
        width: 100%;
        margin-bottom: 1em;
    }
    .mapGridWrap{
        width: 100%;
    }
    #mapGrid{
        width: 100%;
        height: 390px;
    }

    .footerEnd{
        margin-bottom: 2em;
        font-size: 0.8em;
    }
    .footerLinks{
        flex-direction: column;
    }
    .footerForm{
        flex-direction:column ;
    }
    .footerForm label{
        width: auto;
    }
    #footerInputAddress{
        width: auto;
        margin-bottom: 1em;
    }
    .footerSubmitButton{
        width: auto;
        margin: 0;
    }
    .footerLogo{
        padding: 2.5em 1.5em;
    }
    .footerLinksRow{
        flex-direction: column;
        width: 100%;
        margin-bottom: 2.5em;
    }
    .footerLinksMenu{
        width: 100%;
        align-items: center;
        padding: 0;
    }
    .footerLinksContent{
        width: 100%;
        margin-left: 0;

    }
    .footerLinksColumn{
        align-items: center;
        padding:0 3em;
    }
    .footerLinksRow .footerLinksContentHeading{
        margin-top: 0;
        text-align: center;
    }
    .footerLine{
        width: 92%;
        height: 1px;
        margin: 1em;
    }

    .backToTop{
        right: 15px;
        bottom: 15px;
        height: 50px;
        width: 50px;
    }
    .backToTopCircle{
        height: 50px;
        width: 50px;
    }
    .backToTopBg{
        height: 40px;
        width: 40px;
        right: 20px;
        bottom: 20px;
    }
    .backToTopCircle:hover{
        cursor: pointer;
        filter: none;
    }
    .vertical-1000px{
        flex-direction:column;
    }
    .vertical-1000px .gallery_grid{
        width:100%;
        margin-left:0;
        margin-right:0;
    }
    .collaboratorFooter .footerLinksColumn{
        flex-direction: column;

    }
    .collaboratorFooter .w-1\/3{
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .smallTextForm{
        font-size:0.5em !important;
    }
    .footerLinks{
        margin-bottom:0;
    }
    .footerLinksRow{
        margin-bottom:0;
    }
    .collaboratorFooter img{
        margin:0 !important;
    }
    .footerLine{
        display:none;
    }
    .section_button_box{
        display:none;
    }
    .mt-footer{
        margin:0;
    }

}
}