@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');
/* обнуление */
*,
*::before,
*::after{
    padding:0;
    margin: 0;
    border:0;
    box-sizing: border-box;
}
a{
    text-align: none;
    text-decoration: none;
}
img{
    vertical-align: top;
}
.row{
    display: flex;
    flex-direction: row;
}
.black{
    color: #000;
}
.pointer{
    cursor: pointer;
}
/* !important доп мини классы, когда базу немного надо сменить */
.width_nul{
    padding-left: 40px !important;
}
.nul{
    margin-top: 0px !important;
}
.small_pic{
    object-fit: cover;
    width: 650px;
}
/* base */
.img_center{
    justify-content: center;
    display: flex;
}
.block_man{
    margin-top: 70px;
}
.text_font{
    font-size:25px;
    font-weight: 200;
    text-align: justify;
}
.main-title{
    font-size: 35px;
    font-weight: 800;
    padding-top: 60px;
    padding-bottom: 60px;
}
.title_sub{
    font-size: 30px;
    font-weight: 600;
}
body{
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    color: #4C4C4C;
    background-image: url("img/main/main.jpg");
}
.container{
    /* max-width: 1440px; */
    max-width: 1100px;
    /* width: 80%; */
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}
.visual_mus{
    font-weight: 700;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 1vw;
}
.main_main_img{
    width: 99vw;
    max-height: 787px;
    position: absolute;
    z-index: 1;
    top: 0;
}
.main_page{
    position: relative;
    z-index: 2;
    color: white;
}
.title_main{
    font-size: 64px;
    font-weight: 700;
    margin-top: 180px;
    margin-bottom: 34px;
    width: 1100px;
}
.desc_main{
    font-size: 28px;
}
.title{
    font-size: 40px;
    font-weight: 600;
    color: #4C4C4C;
}
/* CONTACTS */
.contacts{
    margin-top: 6vw;
}
.qr_codes { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 20px; }
@media (min-width: 1280px) {
  .qr_codes { flex-wrap: nowrap; }
}

.desc_contact{
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
}
/* MUSEUM */
.museum{
    margin-top: 260px;
}
.tittle_hall{
    margin-bottom: 80px;
}
.hall_title{
    font-size: 28px;
    font-weight: 800;
    max-width: 680px;
    margin-bottom: 24px;
}
.hall_num{
    font-size: 24px;
    margin-bottom: 24px;
}
.hall_desc{
    font-size: 17px;
    max-width: 510px;
    margin-bottom: 14px;
}
.hall_more a{
    color: #C86B14;
    font-weight: 800;
}
.hall_info{
    width: 500px;
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hall_img{
    position: absolute;
    width: 800px;
    height: 380px;
    margin-left: 100px;
    object-fit: cover;
    -webkit-filter: brightness(100%);
}
.hall_img:hover{
    -webkit-filter: brightness(70%);
}
.hall:hover{
    background-color: #f2f2f2;
}
.hall_hr{
    border: solid 1px #EFEFEF;
}
.contacts_hr{
    margin-top: 3vw;
}
.qr-img { width: 140px; height: 140px; object-fit: contain; }
@media (min-width: 1024px) { .qr-img { width: 160px; height: 160px; } }
@media (max-width: 640px) { .qr-img { width: 120px; height: 120px; } }
.mobile_no_hidden{
    visibility: hidden;
    display: block;
}

/* мобильная версия */
@media (max-width:500px){
    .container{
        width: 90%;
    }
    .mobile_no_hidden{
        visibility: inherit;
        display: block;
    }
    .main_page{
        width: 100vw;
        height: 200px;
    }
    .visual_mus{
        font-weight: 700;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 12px;
    }
    .title_main{
        font-size: 20px;
        margin-top: 20px;
        max-width: 84vw;
    }
    .desc_main{
        visibility: hidden;
    }
    .main_main_img{
        width: 100vw;
        height: 200px;
        object-fit: cover;
    }
    /* CONTACTS */
    .contacts{
        margin-top: 8vw;
    }
    .title{
        font-size: 18px;
    }
    .qr_codes { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 20px; }
@media (min-width: 1280px) {
  .qr_codes { flex-wrap: nowrap; }
}

    .qr { text-align: center; flex: 0 0 auto; }
    .qr-img { width: 140px; height: 140px; object-fit: contain; }
@media (min-width: 1024px) { .qr-img { width: 160px; height: 160px; } }
@media (max-width: 640px) { .qr-img { width: 120px; height: 120px; } }
    .desc_contact{
        font-size: 12px;
    }
    /* MUSEUM */
    .museum{
        margin-top: 30px;
    }
    .hall_info{
        margin-top: 0;
        max-width: 80vw;
        height: 230px;
    }
    .tittle_hall{
        margin-bottom: 30px;
    }
    .hall_num{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .hall_title{
        font-size: 16px;
        margin-bottom: 12px;
    }
    .hall_desc{
        font-size: 12px;
    }
    .hall_more{
        margin-bottom: 0;
    }
    .hall_more a{
        font-size: 12px;
    }
    .hall_all{
        flex-direction: column-reverse;
    }
    .hall_img{
        max-width: 80vw;
        height: 24vh;
        margin-left: 0;
        position: unset;
    }
}
/* десктопная версия */
@media (min-width: 1024px) and (max-device-width : 1600px){
    .container{
        padding: 0vh 6vh;
    }
    .visual_mus{
        padding-bottom: 0px;
        font-size: 1.1vw;
    }
    .title_main{
        font-size: 3vw;
        width: 52.85vw;
        margin-top: 9.38vw;
    }
    .desc_main{
        font-size: 1.3vw;
    }
    .main_main_img{
        width: 99vw;
    }
    /* CONTACTS */
    .contacts{
        margin-top: 6vw;
    }
    .title{
        font-size: 2vw;
    }
    .qr_codes { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 20px; }
@media (min-width: 1280px) {
  .qr_codes { flex-wrap: nowrap; }
}

    .qr-img { width: 140px; height: 140px; object-fit: contain; }
@media (min-width: 1024px) { .qr-img { width: 160px; height: 160px; } }
@media (max-width: 640px) { .qr-img { width: 120px; height: 120px; } }
    .qr { text-align: center; flex: 0 0 auto; }
    .desc_contact{
        font-size: 1.2vw;
    }
    /* MUSEUM */
    .museum{
        margin-top: 16vw; 
    }
    .tittle_hall {
        margin-bottom: 60px;
    }
    .hall_img{
        width: 46.88vw;
        /* height: 23.44vw; */
        position: absolute;
        right: 0;
    }
    .hall_img_spec{
        height: 21.1vw;
    }
    .hall_info {
        height: 350px;
    }
    .hall_num {
        font-size: 1.3vw;
        margin-bottom: 1.4vw;
    }
    .hall_title {
        font-size: 1.5vw;
        max-width: 35.42vw;
        margin-bottom: 1.4vw;
    }
    .hall_desc {
        font-size: 0.9vw;
        max-width: 26.56vw;
        margin-bottom: 3.4vw;
    }
}
@media (min-width: 1922px) and (max-device-width : 2700px){
    .hall_img{
        width: 800px;
        height: 380px;
    }
}
@media (min-width: 1601px) and (max-device-width : 1921px){
    .hall_img{
        width: 46.88vw;
        height: 380px;
        position: absolute;
        right: 0;
    }
}
@media (min-width: 1025px) and (max-device-width : 1600px){
    .hall_img{
        width: 46.88vw;
        height: 350px;
        position: absolute;
        right: 0;
    }
}
/* для картинок */
@media (min-width: 1600px) and (max-device-width : 1799px){
    .hall_desc{
        margin-bottom: 2.08vw;
    }
}