body{font-family: Arial;font-size: 14rem;line-height: normal;margin: 0;max-width:100vw;overflow-x:hidden ;box-sizing: border-box;}
html {font-size: calc(1vw / 4.28);}
section{padding-top: 30rem;padding-bottom: 30rem;}
img{max-width: 100%;}
.container{width: calc(100% - 32rem);margin-left: auto;margin-right: auto;}
.gerb-img img{width:220rem;height:202rem; margin:auto;}
.gerb-img {
	padding: 20rem 0;
	text-align: center;
	width: 100%;
}
#header{padding:40rem 0;background-color: #C94242;}
a{text-decoration: none;}
.header-menu-item{text-align: center;}
.header-menu-item a{padding: 10rem;color: #FBF8F1;display: block;
 font-size: 16rem;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}
    .parallax {

        background-position: center;
        height: 640rem;
        background-attachment: fixed;
        color: #ffffff;
        font-size: 36rem;
        align-items: center;
        position: relative;
        display: flex;justify-content: center;align-items: center;
        background-repeat: no-repeat;background-size:cover ;
    }

    .video-bg {
        height: 876rem;
        width: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;box-sizing: border-box;
    }
    .video-bg video {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 876rem;
        object-fit: cover;
    }
    .effects {
        position: absolute;
        object-fit: cover;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 876rem;
        background-color: rgba(0,0,0,0.6);
    }

    .toper-banner-content {
        z-index: 3;
        position: relative;
        text-align: center;
        padding: 0 20rem;
        display: flex;
        flex-wrap: wrap;
        height: 700rem;
        align-content: space-evenly;
    }
        .toper-banner-text{font-size: 28rem;}
        .toper-banner-title{font-weight: 700;    max-width: 685rem;margin: auto;}
        #about{background-color: #fbf8f1;}
        .about-title{font-size: 26rem;font-weight: 700;color: #C94242;padding-bottom: 26rem;}
        .about-subtitle{font-size: 22rem;color: rgba(246, 15, 15, 0.5);font-weight: 700;padding-bottom: 26rem;}
        .about-text{text-align: justify;}
        .about-img{text-align: center;}
      .gallery-block-item{
        margin-bottom: 20rem;width: 100%; overflow: hidden;}
        .gallery-block-item img{max-height: 100%;height: 100%;width: 100%;}
        #gallery, #history, #sicrets, #sicrets2, #voimya, #location{background-color: #fbf8f1;}
 .sicrets-img{margin-left: -16rem;margin-right: -16rem;}
 .voimya-title{font-weight: 700;text-transform: uppercase;color: #C94242;font-size: 28rem;text-transform: uppercase;padding-bottom: 20rem;}
 .voimya-text{padding-bottom: 20rem; text-align: justify;}
 .switch-btn_text{color: rgb(255, 0, 0);font-size: 16rem;cursor: pointer;text-decoration: underline; margin-right: 20rem;}
 .voimya-row{display: flex;align-items: center;}
 .switch-on{color:#666;}
 .voimya-gigka{text-align: center;}
 .voimya-gigka img{max-width: 100%; margin: auto;}
 audio{border-radius: 20rem;width: 270rem;}
 .footer-text{
    font-weight: 400;
    color: #FBF8F1;
    
    }
    footer{background-color: #C94242;height: 85rem;display: flex;justify-content: center;align-items: center;}
        @media (min-width: 900px) {
            section{padding-top: 60rem;padding-bottom: 60rem;}
            html {font-size: calc(1vw / 19.20);}

            .header-menu-item a {
                padding: 0;font-weight: 400;
                font-size: 20rem;
            }




            body {
                font-size: 20rem;
            }
            .header-menu {
                display: flex;
                justify-content: space-between;
                z-index: 999;
                position: relative;
                height: 60rem;
                align-items: center;
            }
            .container{max-width: 1206rem;margin-left: auto;margin-right:auto; width:100%;}
            #header {
                padding: 0;
height:60rem;z-index: 5;
position: relative;
            }
            .gerb-img {
                padding: 0;
                text-align: center;

                z-index: 88;
                position: relative;
            }

            .parallax {
                font-size: 64rem;
                height: 876rem;box-sizing: border-box;
            }
            .toper-banner-text {
                font-size: 24rem;
                margin-top: 0;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                line-height: 1.55;
                font-weight: 300;
            }
            .gerb-img img {
                width: 290rem;
                height: 267rem;
                margin: auto;
            }
            .about-content-row{display:flex;align-items: stretch;}
            .about-img img {
                width: 316rem;
                height: 493rem;
                min-width: 316rem;
            }
            .about-content{max-width:950rem ;display: flex;padding-left: 30rem;box-sizing: border-box;
                flex-wrap: wrap;
                align-content: space-between;}
                .about-title {
                    /* width: 686rem; */
                    height: 130rem;
                    font-weight: 700;
                    font-size: 48rem;
                    line-height: 65rem;
                    text-transform: uppercase;
                    padding-bottom: 0;
                    text-align: center;
                }
                .about-subtitle{
                    width: 100%;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 36rem;
                    line-height: 49rem;
                    color: #C94242;
                    
                    }
                .gallery-block{columns: 2;}
                    .gallery-block-item1{height: 560rem;margin-bottom: 0;width: 560rem;}
                    .gallery-block-item2{height: 258rem;
                        width: 603rem;}
                    .gallery-block-item3{height: 258rem;
                        width: 603rem;margin-bottom: 0;}
                    .gallery-block-items2{height: 560rem;
                        align-content: space-between;
                        display: flex;
                        flex-wrap: wrap;}
                    .history-content{columns: 3;
                        gap: 20rem;padding-top: 30rem;}
                        .sicrets-content-row{display: flex;gap:50rem;align-items: center;}
                        .sicrets-content{width: 50%;
                            min-width: 50%;
                          
                            box-sizing: border-box;
                        }
                            .sicrets-img {
                                width: 50%;min-width: 50%;
                            }
                            .sicrets-img2{order:-1;}
                            .sicrets-content2{
                                box-sizing: border-box;
                            }
                            .voimya-content-row{display: flex;align-items: center;}
                            .voimya-content{width: 674rem; }
                            .voimya-gigka {
                                order: -1;
                            }
                            .voimya-gigka img {
                                width: 415rem;
                                height: 382rem;
                                margin-right: 50rem;
                            }
                            .voimya-title {
font-weight: 700;
font-size: 48rem;
line-height: 58rem;
text-transform: uppercase;
width: 674rem;
color: #C94242;
                            }
.sicrets-content2 .about-text p{margin-top:10rem;margin-bottom: 10rem;}
.about-text p:first-child{margin-top: 0;}
.about-text p:last-child{margin-bottom: 0;}
.sicrets-content .about-text{height: 100%;align-content: space-between;
    display: flex;
    flex-wrap: wrap;}
        }