body{
background: white!important;
}

h4,h5{
    text-align: center;
}
.h-work{
    margin: 0px;
    padding: 0px;

}
.h-window{
    margin: 0px;
    padding: 0px;
    position: relative;
    min-width: 400px;
    background: white;
}


.under li:hover:first-of-type {
    transform: none;
}


#kroshki2{
    color: black;
}

.erg div{
    padding: 20px;
}
.erg div:last-of-type{
    padding-top: 0px;
}
.erg li,div{
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    line-height: 35px;

}

.erg,.what h3{
    font-size: 30px;
    font-style: inherit;
    text-align: center;
    text-decoration: brown;
}
.what div{margin: 5px;

}

.kitch  {
    padding: 15px;
    text-align: left;
}
.kitch h3{
    padding-left: 30px;
}

.pict2{
    width: 1000px;
    height: 700px;
    background-image: url("Text/ergonomic/2.jpg");
    background-position: center;
    background-size: cover;
}
.pict3{
    width: 1000px;
    height: 584px;
    background-image: url("Text/ergonomic/3.jpg");
    background-position: center;
    background-size: cover;
}
.pict1{
  display: inline-block;
    width: 600px;
    height: 600px;
    background-image: url("Text/ergonomic/1.jpg");
    background-position: center;
    background-size: cover;
    vertical-align: top;
}
.pict4{
   display: inline-block;
    width: 674px;
    height: 972px;
    background-image: url("Text/ergonomic/4.jpg");
    background-position: center;
    background-size: cover;
}

.pict10{
    float: left;
    width: 700px;
    height: 350px;
    background-image: url("Text/whatIsDesign/1.jpg");
    background-position: center;
    background-size: cover;
}
.pict11{
    float: right;
    width: 400px;
    height: 300px;
    background-image: url("Text/whatIsDesign/2.jpg");
    background-position: center;
    background-size: cover;
}
.pict12{
    float: left;
    width: 600px;
    height: 400px;
    background-image: url("Text/whatIsDesign/3.jpg");
    background-position: center;
    background-size: cover;
}
.pict13{
    float: right;
    width: 419px;
    height: 324px;
    background-image: url("Text/whatIsDesign/4.jpg");
    background-position: center;
    background-size: cover;
}
.pict14{
    float: left;
    width: 425px;
    height: 281px;
    background-image: url("Text/whatIsDesign/5.jpg");
    background-position: center;
    background-size: cover;
}

.pict20{
    float: left;
    width: 200px;
    height: 272px;
    background-image: url("Text/char/1.jpg");
    background-position: center;
    background-size: cover;
}
.pict21{
    float: right;
    width: 200px;
    height: 265px;
    background-image: url("Text/char/2.png");
    background-position: center;
    background-size: cover;
}
.pict22{
    float: left;
    width: 356px;
    height: 250px;
    background-image: url("Text/char/3.jpg");
    background-position: center;
    background-size: cover;
}
.pict23{
    float: right;
    width: 300px;
    height: 300px;
    background-image: url("Text/char/4.jpg");
    background-position: center;
    background-size: cover;
}
.pict24{
    float: left;
    width: 282px;
    height: 211px;
    background-image: url("Text/char/5.jpg");
    background-position: center;
    background-size: cover;
}
.pict25{
    float: right;
    width: 285px;
    height: 206px;
    background-image: url("Text/char/6.jpg");
    background-position: center;
    background-size: cover;
}

.pict30{
    float: right;
    width: 300px;
    height: 300px;
    margin: 10px;
    background-image: url("Text/kitchen/pict3.webp");
    background-position: center;
    background-size: cover;
}
.pict31{
    float: right;
    width: 525px;
    height: 350px;
    margin: 10px;
    background-image: url("Text/kitchen/pict1.webp");
    background-position: center;
    background-size: cover;
}
.pict32{
    float: left;
    width: 320px;
    height: 200px;
    margin: 10px;
    background-image: url("Text/kitchen/pict2.webp");
    background-position: center;
    background-size: cover;
}

.pict40{
    float: right;
    width: 220px;
    height: 293px;
    margin: 10px;
    background-image: url("Text/bathroom/bath1.webp");
    background-position: center;
    background-size: cover;
}
.pict41{
    float: right;
    width: 437px;
    height: 250px;
    margin: 10px;
    background-image: url("Text/bathroom/bath9.webp");
    background-position: center;
    background-size: cover;
}
.pict42{
    float: left;
    width: 250px;
    height: 312px;
    margin: 10px;
    background-image: url("Text/bathroom/bath2.webp");
    background-position: center;
    background-size: cover;
}
.pict43{
    float: right;
    width: 411px;
    height: 200px;
    margin: 10px;
    background-image: url("Text/bathroom/bath8.webp");
    backg@media screen and (max-width: 1000px) {

        #nav {
            display: block;
            margin-top: 34px;                   /* !!!!!!!!!!!!!!!!!!!!!! */
        }
    
        #gl {
            display: none;
        }
    
        .under {
            display: none;
        }
    
        .operation {
            display: none;
        }
    
        .w-100 {
            padding-top: 30px;
        }
    
    }
    round-position: center;
    background-size: cover;
}
.pict44{
    float: right;
    width: 484px;
    height: 230px;
    margin: 10px;
    background-image: url("Text/bathroom/bath6.webp");
    background-position: center;
    background-size: cover;
}

.pict50{
    float: left;
    width: 494px;
    height: 350px;
    margin: 10px;
    background-image: url("Text/bedroom/bed1.webp");
    background-position: center;
    background-size: cover;
}
.pict51{
    float: right;
    width: 633px;
    height: 300px;
    margin: 10px;
    background-image: url("Text/bedroom/bed2.webp");
    background-position: center;
    background-size: cover;
}
.pict52{
    float: left;
    width: 393px;
    height: 300px;
    margin: 10px;
    background-image: url("Text/bedroom/bed3.webp");
    background-position: center;
    background-size: cover;
}

.about-us{
 padding-top: 100px;
    position: relative;
    display: block;
    width: 100%;
}


.about-text li a{
    position: relative;
    list-style-type: none;
    font-size: 28px;
font-family: 'Merriweather', serif;
    text-align: center;
    display: block;
    padding: 15px;
color: black;
    border: solid 3px grey;
    border-radius: 10px;
    transition: all 1s;
    background: whitesmoke;
    max-width: 60%;
    min-width: 500px;
}


.about-text li a img{
margin-left: 50%;
    transform: translateX(-50%);
}

.about-text li a:hover{
    background: lightgray;
    box-shadow: 0px 0px 10px grey;
    color: brown;

}
.about-text li a:hover{
    background: lightgray;
    box-shadow: 0px 0px 10px grey;
    color: brown;

}


#centr ul{
    width: 100%;
    display: flex;
 /*    justify-content: center; */
 flex-wrap: wrap;
 justify-content: center;


}

#centr lh{
    font-size: 30px;
    flex-basis: 90%;
    justify-content: center;
}

lh span{
    display: inline-block;
    width: 100%;
    text-align: center;
}

#centr li{
        margin: 20px;
        font-size: 28px;
        font-family: 'Merriweather', serif;
        text-align: center;
        list-style-type: none;
        flex-basis: 40%;
}

#centr a{
   width: 400px;
}

#centr li a span{
    display: block;
    height: 70px;
    font-size: 24px;
 }
 
.item2:hover, .item2-2:hover, .item2-3:hover, .item2-4:hover, .item2-5:hover, .item2-6:hover
{
    transform: scale(1.1);
    filter: brightness(60%);
}

.item3{
    overflow: hidden;
    width:450px;
    height:300px;
}

.item2{
    background-image: url("Text/ergonomic/3.jpg");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item3-2{
    overflow: hidden;
    width:450px;
    height:300px;
}

.item2-2{
    background-image: url("Text/char/1.jpg");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item3-3{
    overflow: hidden;
    width:450px;
    height:300px;
}

.item2-3{
    background-image: url("Text/whatIsDesign/1.jpg");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item3-4{
    overflow: hidden;
    width:450px;
    height:300px;
}

.item2-4{
    background-image: url("Text/kitchen/pict3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.item3-5{
    overflow: hidden;
    width:450px;
    height:300px;
}

.item2-5{
    background-image: url("Text/bathroom/bath6.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.item3-6{
    overflow: hidden;
    width:450px;
    height:300px;
}

.item2-6{
    background-image: url("Text/bedroom/bed3.webp");
    transition: all 1.5s ease;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
@media screen and (max-width: 1000px) {

    #nav {
        display: block;
        margin-top: -5px;                   /* !!!!!!!!!!!!!!!!!!!!!! */
    }

    .pict2{
        width: 800px;
        height: 560px;
    }
    .pict3{
        width: 800px;
        height: 467px;
    }
}