* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    vertical-align: baseline;
    list-style: none;
}
html, body {
    font-family:'Roboto','HelveticaNeue','Helvetica','Noto Sans SC', sans-serif;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    color: var(--color);
    background:white;
    width:100%;
    -webkit-font-smoothing: antialiased;
}

input,textarea{
    font-family:'Roboto','HelveticaNeue','Helvetica','Noto Sans SC', sans-serif;
    -webkit-appearance: none;
}
:root{
    --color: #000;
    --light: #888;
    --light2: #eee;
    --space: 2rem;
    --space2:calc(var(--space) / 2);
    --space3:calc(var(--space) * 2);
    --line:var(--light2) solid 1px;
    --size:85%;
    --headerH: 5rem;
    --logosize:0.3;
    --bigger:2.5vw;
    --big:1.1vw;
}
.size{
    margin: 0 auto;
    width: var(--size);
}
a{
    color: var(--color);
    text-decoration: none;
}
.text{
    line-height: 1.7;
}
.text p{
    padding-bottom: .7rem;
}
.text p:last-child{
    padding-bottom: 0;
}
h2{
   font-size: 1rem;
}
h1{
    font-size: var(--bigger);
    text-transform: uppercase;
}


.not-found{
    margin-left: 50%;
    padding: var(--space);
}

@keyframes step {
    0%{
        opacity: 0;
        transform: translateY(150px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}

#header{
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    font-weight: 700;
    z-index: 99;
    background-color: #000;
    backdrop-filter: blur(20px);
    font-size: var(--big);

}
.header-wrap{
    display: flex;
    align-items: center;
   
    justify-content: space-between;
}
.header-space{
     
}
.site-title,.header-end{
    width: 50%;
    display: flex;
    align-items: center;
}
.header-end{
    justify-content: space-between;
    color: var(--light);
    position: relative;
}
.header-end>div,
.menu-nav ul{
    display: flex;
    align-items: center;
}
.header-end a{
    color: #fff;
}
.header-end a:hover{
    color: #29c6b3;
}
.header-end .current-menu-item a{
    color: #29c6b3;
}
.menu-nav ul{
    padding: 0 var(--space2);
}
.menu-nav ul li{
    padding: 0 var(--space2);
    text-transform: uppercase;
}
.lng .active{
    display: none;
}
.open-search{
   font-size: var(--big);
    margin-left:var(--space);
    cursor: pointer;
}
.open-search span:last-child,
.open-search.active span:first-child{
    display: none;
}
.open-search.active span:last-child{
    display: block;
}
.search-form{
    position: absolute;
    z-index: 1;
    right: 2rem;
    width:0;
    overflow: hidden;
    transition: width .5s linear;
}
.search-form.show{
    width: calc(100% - 2rem);
}
.search-form form{
    width: 100%;
    padding-left: var(--space);
}
.search-form input{
    width: 100%;
    border: var(--line);
    padding: .5rem 1rem;
}
.search-form input:focus{
    border: #000 solid 1px;
}

.site-title img{
    width: auto;
    height: calc(var(--headerH)*0.3);
}




.press-download{
    margin-top: 2rem;
}
.press-download label,
.btn{
    display:inline-block;
    padding: .75rem 1.5rem;
    border: black solid 1px;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}
.press-download label{
    border: black solid 1px;
}
.btn label{
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.btn:before{
    content: '';
    height: 0;
    position: absolute;
    background-color:black;
    width: 100%;
    left: 0;
    bottom: 0;
    transition:height .3s;
}
.btn:hover{
    color: white;
}
.btn:hover:before{
    height: 100%;
}
.press-download label span{
    display: inline-block;
    margin-right: .5rem;
}
.btn span{
    display: inline-block;
    transform: scaleX(-1);
    margin-right: .5rem;
}
.g-grid,
.grid{
    padding-bottom:var(--space);
    border-bottom: var(--line);
    margin-bottom: var(--space);
}
.page-section .grid{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.grid-title{
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.grid-title h2{
    font-size: var(--big);
}
.artworks-grid-wrap,
.page-header-wrap,
.footer-wrap,
.wrap{
    display: flex;
    flex-wrap: wrap;
    margin:0 calc(var(--space)*-1);
}
.row{
    display: none;
    flex-wrap: wrap;
    width: 100%;
}
.row:nth-child(2),
.row:first-child{
    display: flex;
}

.two-box .box,
.three-box .box,
.two-box .box{
    width: 50%;
}
.artworks-box-search a,
.g-box a,
.artworks-box a,
.box a{
    display: block;
}
.artworks-box-search,
.g-box,
.artworks-box,
.box{
    width: 25%;
    padding: var(--space);
}
.g-box-img img,
.artworks-box-img img{
    width: 100%;
    height: auto;

}
.g-box-img,.artworks-box-img{
    line-height: 0;
}
.g-box-img{
    margin-bottom: .5rem;
    overflow: hidden;
    background-size: cover;
}
.box-img{
    width: 100%;
    padding-top: 56%;
    position: relative;
    overflow: hidden;
    line-height: 0;
    margin-bottom: .5rem;
}
.box-is-video .box-img:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%,-50%) scale(0.8);
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 50px solid white;
}
.box-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    object-fit: cover;
}
.ex-time,
.g-box h2,
.box h2{
    padding-top: .5rem;
}
.item h3,
.box h3{
    font-size: 14px;
    font-weight: normal;
}
.current-grid .ex-time{
    color: var(--light);
}
.g-box .text,
.box-text{
    padding-top: .5rem;
}
.box-text{
    line-height: 1.7;
}
.press-box a{
    height: 100%;
    background-color: #f4f4f4;
    padding: var(--space);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.press-box .box-text{
    font-size: 14px;
    font-style: italic;
}

.artworks-box-info{
    margin-top: 1rem;
    line-height: 1.7;
    color: var(--light);
    font-size: 14px;
}

.current-slider{
    
    margin-bottom: var(--space);
}
.three-box .box:first-child,
.one-box .box,
.current-slider .box{
    width: 100%;
    padding: 0;
}
.three-box .box:first-child,
.one-box .box{
    padding: var(--space);
}
.three-box .box:first-child a,
.one-box .box a,
.current-slider .box a{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
}
.three-box .box:first-child a,
.one-box .box a{
    align-items: flex-start;
}
.three-box .box:first-child .box-img,
.one-box .box .box-img,
.current-slider .box-img{
    width: 70%;
    padding-top: 0;
    transition: transform 3s cubic-bezier(.18,1,.21,1);
    transform: translateX(150px);
}
.three-box .box:first-child .box-img figure,
.one-box .box .box-img figure,
.current-slider .box-img figure{
    padding-top: 58%;
}

.three-box .box:first-child .box-img,
.one-box .box .box-img,
.current-slider .swiper-slide-active .box-img{
    transform:translateX(0px);
}
.three-box .box:first-child .box-info,
.one-box .box .box-info,
.current-slider .box-info{
    width: 30%;
    padding-right: var(--space3);
    margin-bottom: 6rem;
    position: relative;
    transition: transform 3s cubic-bezier(.18,1,.21,1);
    transform: translateY(-50px);
}

.three-box .box:first-child .box-info,
.one-box .box .box-info,
.current-slider .swiper-slide-active .box-info{
    transform: translateY(0);

}
.three-box .box:first-child .box-info,
.one-box .box .box-info{
    margin-bottom: 0;
}
.three-box .box:first-child .box-info h2,
.one-box .box .box-info h2,
.current-slider h2{
    font-size: var(--bigger);
    text-transform: uppercase;
}
.current-slider .box-info>*{
    position: relative;
}
.ex-time{
    display: block;
    text-transform: uppercase;
}

.current-slider .swiper-pagination {
    bottom:0;
    left: 0;
    right: auto;
    width: auto;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000;
}

.swiper-pagination-bullet{
    border-radius: unset;
    width: 4rem;
    height: 3px;
}



.footer-wrap{
    justify-content: space-between;
    padding-bottom: var(--space);
}
#footer .logo img{
    width: 180px;
    height: auto;
}
.footer-wrap>div{
    display: flex;
    justify-content: space-between;
    color: var(--light);
    font-size: 12px;
}
.footer-wrap>div>div{
    padding: var(--space);
}
.footer-wrap>div.newsletter{
    padding: var(--space);
}
div.newsletter form{
    width: 100%;
}

.foot{
    display: flex;
    justify-content: space-between;
    color: var(--light);
    font-size: 12px;
    align-items: center;
    padding:var(--space2) 0;
    border-top: var(--line);
}
.g-recaptcha{
    display: none;
}

.newsletter input{
    width: 15vw;
    height: 2.5rem;
    background-color: white;
    border:var(--light) solid 1px;
    text-align: center;
    font-size: 12px;
}
.newsletter input[type=submit]{
    margin-top:5px;
    line-height: 1;
    color: var(--light);
    text-transform: uppercase;
    cursor: pointer;

}

.social a{
    display: inline-block;
    padding-left: .75rem;
    font-size: 1rem;
    color: var(--light);
}
.page-header{
    padding: var(--space) 0;
}
.page-header-wrap{
    justify-content: space-between;
}
.page-header-wrap>*{
    padding: var(--space);
}
.search-title,
.by-cat,
.header-tool,
.page-header-info,
.header-k,
.page-header-wrap>h1,
.by-year{
    width: 50%;
}
.header-tool-wrap,
.by-cat,
.header-tool{
    display: flex;
}
.search-title{
    font-weight: 700;
}

.header-tool-wrap>div{
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
        border: var(--line);
     font-size: 1.5rem;
     margin-left: -1px;
}
.header-tool-wrap>div.active{
    color: #000;
    border-color: #000;
    position: relative;
    z-index: 1
}

.by-cat>div{
    padding-right: 2rem;
}
.cn .by-cat>div{
    padding-right: 3rem;
}
.by-cat>div,
.by-year-btn{
    font-size: var(--bigger);
    font-weight: 700;
    display: flex;
    cursor: pointer;
}
.by-cat>div,
.header-tool>div{
    color: var(--light);
}
.by-cat>div:hover,
.by-cat>div.active,
.header-tool>div.active,
.header-tool>div:hover{
    color: black;
}
.by-year-btn span{
    font-size: 1.2rem;
    display: inline-block;
    transition: transform .3s linear;
}
.by-year-btn:hover span{
    transform: translateX(10px);
}
.by-year-btn:hover.active span,
.by-year-btn.active span{
    transform: rotate(45deg);
}

.by-year ul{
    display: flex;
    flex-wrap: wrap;

}
.by-year-content{
    display: none;
}
.by-year ul{
    margin:var(--space2) calc(var(--space2)*-1);
}
.by-year ul li{
    padding: var(--space2);
}
.by-year ul li a{
    font-size: var(--bigger);
    font-weight: 700;
    color: var(--light);
}
.by-year ul li a:hover{
    color: var(--color);
}
.by-year ul li a[aria-current="page"]{
    pointer-events: none;
}

.page-header-info h1 a{
    color: var(--light);
}
.page-header-info h1 a:hover{
    color: var(--color);
}
.page-header-info {
    font-size: 1.2rem;
}
.page-header-info .text{
    padding-top: 1rem;
}
.artists-group{
    padding-top: 1rem;
    display: flex;
}
.artists-group span{
    display: inline-block;
    padding-left: 1rem;
    padding-bottom: .5rem;
}

.page-section{
    padding-bottom: var(--space);
    margin-bottom: var(--space);
    border-bottom: var(--line);
}
.page-section-wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-left:var(--space2);
}

.post-menu{
    line-height: 1.7;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 40vh;
       font-size: var(--big);
}
.post-menu a{
    color: var(--light);
}
.post-menu li.active a,
.post-menu a:hover{
    color: var(--color);
}

.page-section-left{
    width: 30%;
    padding-right: var(--space3);
}

.page-views{
    width: 48%;
    margin: 0;
    position: relative;
}
.page-views.no-views{
    width: 50%;
    margin: 0;
}
.page-views .swiper-container{
    padding-bottom: var(--space2);
}
.page-views .swiper-container:before{
    position:absolute;
    left: 0;
    top:0;
    height: 100%;
    width: 3px;
    background: #fff;
    content:'';
    z-index: 999;
    pointer-events: none;
}
.page-views .swiper-container:after{
    position:absolute;
    right: 0;
    top:0;
    height: 100%;
    width: 3px;
    background: #fff;
    content:'';
      z-index: 999;
    pointer-events: none;
}

.page-views .swiper-container a{
    display: block;
    text-align: center;
}

.page-views img{
    max-width: 100%;
    max-height: 80vh;
    width:auto;
    height: auto;
    object-fit: cover;
}
.is-video figure:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-10px,-20px);
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 50px solid white;
    pointer-events: none;
}
.page-views:hover .swiper-btn-next,
.page-views:hover .swiper-btn-prev{
    opacity: 1;
}
.swiper-btn-prev,
.swiper-btn-next{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    opacity: 0;
}
.swiper-btn-prev{
    left: 0;

}
.swiper-btn-next{
    right: 0;
}
.swiper-btn-next span{
    display: block;
    transform: scaleX(-1);
}
.views-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0 3rem;
    flex-wrap: wrap;
}
.views-nav span{
    display: block;
    padding: 0 2px;
    opacity: 0.5;
    cursor: pointer;
}
.views-nav span:hover,
.views-nav span.active{
    opacity: 1;
}
.views-nav img{
    width: 25px;
    height: 25px;
    object-fit: cover;
}

.page-text{
    width: 50%;
    padding: var(--space);
    margin-left: auto;
 
}
.no-views .page-text{
    width: 100%;
    padding:0 var(--space) var(--space) var(--space);
}
.download{
    margin-top: 2rem;
    margin-right: 1rem;
}
.is-list{
    padding-bottom:var(--space3);
    border-bottom: var(--line);
    margin-bottom: var(--space);
}
.is-grid{
    padding-bottom:var(--space);
    border-bottom: var(--line);
    margin-bottom: var(--space);
}
.is-list li:hover .list-img{
    opacity: 1;
    transform: translate(0,var(--space));
    visibility: visible;
}
.is-list .list-img{
    visibility: hidden;
    position: absolute;
    width: 18vw;
    height:18vw;
    top:0;
    right: var(--space);
    opacity: 0;
    transition:opacity 1s cubic-bezier(.18,1,.21,1);
}
.is-list .list-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.staff-list ul,
.is-grid ul,
.is-list ul{
    display: flex;
    flex-wrap: wrap;
    margin:0 calc(var(--space)*-1);
    justify-content: space-between;

}

.is-list ul li{
    padding:.25rem var(--space);
    position: relative;
    transform: unset !important;
    transition: unset!important;
    opacity: 1 !important;
    width: 50%;
}
.is-list ul li.active a{
    opacity: 1;
}
.is-list ul li a{
    transition: opacity .5s linear;
    opacity: 0.2;
}
.is-list ul li h2{
    font-size:1.55vw;
    position: relative;
    z-index: 1;
    pointer-events: auto;
}
.is-grid ul{
    justify-content: flex-start;
}
.is-grid ul li{
    width: 25%;
    padding:var(--space);
}

.is-grid .list-img{
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    top:0 !important;
}

.is-grid .list-img  img{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    object-fit: cover;
}
.is-grid ul li h2{
    padding-top: 1rem;
}

.loading-more{
    text-align: center;
    padding:var(--space);
}


.about-section{
    padding-bottom: var(--space);
    border-bottom: var(--line);
    margin-bottom: var(--space);
}
.about-box{
    width: 100%;
    padding: var(--space2);
    display: flex;
}
.about-content,
.about-img{
    width: 100%;
  
        padding: var(--space);
}
.about-img{
   margin-left: calc(var(--space2)*-1); 
}
.about-img div{
      position: relative;
    padding-top: 56%;
    width: 100%;
}
.about-box img{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    object-fit: cover;
}

.about-content ul li{
    display: flex;
    padding: 1.5rem 0;
    border-top: var(--line);
}

.about-content ul li h2{
    text-transform: uppercase;
    width: 50%;
    flex: 0 0 50%;
}



.staff-list ul li{
    padding:var(--space);
    line-height: 1.7;
    width: 50%;
}
.staff-list ul li h3{
    font-size: 1rem;
    color: var(--light);
}
.staff-list ul li .contact-email a{
    text-decoration: underline;
}

.eq-box{
    margin-left: 50%;
    padding:var(--space) 0 var(--space) var(--space);
}


.about-section{
    display: none;
}
.about-section.active{
    display: block;
}

.full-screen-img a{
    display: block;
    padding-top: var(--space);
}
.full-screen-img img{
    width: 100%;
    height: calc(100vh - var(--space3) - var(--headerH));
    object-fit: cover;
}

.open-header{
    display: none;
}


.with_frm_style {
    --form-width: 100%;
    --form-align: left;
    --direction: ltr;
    --fieldset: 0px;
    --fieldset-color: #000000;
    --fieldset-padding: 0 0 15px 0;
    --fieldset-bg-color: transparent;
    --title-size: 40px;
    --title-color: #444444;
    --title-margin-top: 10px;
    --title-margin-bottom: 60px;
    --form-desc-size: 14px;
    --form-desc-color: #666666;
    --form-desc-margin-top: 10px;
    --form-desc-margin-bottom: 25px;
    --form-desc-padding: 0;
    --font: 'Roboto','HelveticaNeue','Helvetica','Noto Sans SC', sans-serif;
    --font-size: 25px;
    --label-color: #3f4b5b;
    --weight: normal;
    --position: none;
    --align: left;
    --width: 150px;
    --required-color: #B94A48;
    --required-weight: bold;
    --label-padding: 0 0 3px 0;
    --description-font-size: 12px;
    --description-color: #666666;
    --description-weight: normal;
    --description-style: normal;
    --description-align: left;
    --description-margin: 0;
    --field-font-size: 14px;
    --field-height:auto;
    --line-height: 1.2;
    --field-width: 100%;
    --auto-width: 100%;
    --field-pad:1rem;
    --field-margin:1rem;
    --field-weight: normal;
    --text-color: #000;
    --border-color: #000;
    --field-border-width: 1px;
    --field-border-style: solid;
    --bg-color: #ffffff;
    --bg-color-active: #ffffff;
    --border-color-active: #66afe9;
    --text-color-error: #444444;
    --bg-color-error: #ffffff;
    --border-color-error: #B94A48;
    --border-width-error: 1px;
    --border-style-error: solid;
    --bg-color-disabled: #ffffff;
    --border-color-disabled: #E5E5E5;
    --text-color-disabled: #A1A1A1;
    --radio-align: block;
    --check-align: block;
    --check-font-size: 13px;
    --check-label-color: #444444;
    --check-weight: normal;
    --section-font-size: 18px;
    --section-color: #444444;
    --section-weight: bold;
    --section-pad: 15px 0 3px 0;
    --section-mar-top: 15px;
    --section-mar-bottom: 30px;
    --section-bg-color: transparent;
    --section-border-color: #e8e8e8;
    --section-border-width: 2px;
    --section-border-style: solid;
    --section-border-loc: -top;
    --collapse-pos: after;
    --repeat-icon-color: #ffffff;
    --submit-font-size: 15px;
    --submit-width: auto;
    --submit-height: auto;
    --submit-bg-color: #000;
    --submit-border-color: #000;
    --submit-border-width: 1px;
    --submit-text-color: #ffffff;
    --submit-weight: normal;
    --submit-border-radius: 0;
    --submit-margin: 10px;
    --submit-padding: 1rem 2rem;
    --submit-shadow-color: #eeeeee;
    --submit-hover-bg-color: #efefef;
    --submit-hover-color: #444444;
    --submit-hover-border-color: #cccccc;
    --submit-active-bg-color: #efefef;
    --submit-active-color: #444444;
    --submit-active-border-color: #cccccc;
    --border-radius: 0;
    --error-bg: #F2DEDE;
    --error-border: #EBCCD1;
    --error-text: #B94A48;
    --error-font-size: 14px;
    --success-bg-color: #DFF0D8;
    --success-border-color: #D6E9C6;
    --success-text-color: #468847;
    --success-font-size: 14px;
    --progress-bg-color: #eaeaea;
    --progress-active-color: #ffffff;
    --progress-active-bg-color: #579AF6;
    --progress-color: #3f4b5b;
    --progress-border-color: #E5E5E5;
    --progress-border-size: 2px;
    --progress-size: 30px;
    --box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices{
    border: 1px solid black;
    box-shadow: unset;
}
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn{
    font-family: var(--font);
    background: #000 !important;
    color: #fff !important;
    border: none;
    padding: 1rem 2rem;
    border-radius: unset;
}
.with_frm_style .frm_message, .frm_success_style,
.with_frm_style .frm_message p{
    background: var(--light2) !important;
    color: #000 !important;
}

.page-other-wrap{
    display: flex;
}

#landscape{
        display: none;
            position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999;
    background: rgba(255,255,255,0.5);
        backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    }

    #landscape.active {
    display: flex;
}

#landscape svg {
    width: 20vw;
    height: auto;
}

.artists-name{
    padding-top: .5rem;
}
.artists-name span{
    display: inline-block;
     padding-top: .5rem;
    padding-right: .75rem;
}