div{
    border: 0px green solid;
   
}
*, body{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}
.fw-9 {font-weight: 900;}
.fw-8 {font-weight: 800;}
.fw-7 {font-weight: 700;}
.fw-6 {font-weight: 600;}
.fw-5 {font-weight: 500;}
.fw-4 {font-weight: 400;}
.fw-3 {font-weight: 300;}
.fw-2 {font-weight: 200;}
.fw-1 {font-weight: 100;}


.bg-fon1{
    position: relative;      
}
.bg-fon1 img{
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;  
    object-fit: cover;    
}
.bg-fon2{
    background: url(img/Lower-CO2-impact-green1.png);
    background-size: cover;
    min-height: 100vh;
    width: 100%;
    background-repeat: no-repeat; 
}
.bg-fon3{
    background: url(img/close-up-on-delicious-tea-in-small-bowls.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
    position: relative;
}
.bg-green{
    background: #3e6546;
}
.bg-fon_grad1{
    backdrop-filter: blur(5px); 
}
.bg-fon_grad2{
    height: 100vh;
    width: 100%;
    background: rgb(255,255,255);
            background: linear-gradient(0deg,
            rgba(255,255,255,1) 0%, 
            rgba(255,255,255,0) 37%, 
            rgba(255,255,255,0)100%)
                ;
   
}
.bg-fon4{
    background: url(img/teverde-1392x928.jpg);
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100vh;
    position: relative;
    background-size: cover;
    
}
.bg-fon4-blur{
    backdrop-filter: blur(5px); 
}
.text{
    position: absolute;
    bottom: 204px;
    left: 13%;
    font-weight: 600;
    width: 50%;
    line-height: 0.8cm;
}

.assort_img{
    height: 400px;
    padding: 20px;
    font-weight: 400;
    
}

.assort_img img{
    width: 190px;
    height: 190px;
    object-fit: cover;
    border-radius: 50px 0px 50px 0px; 
    padding: 5px;
    border: 1px green solid;
    margin: 10px;
    
}
.wrapper{
    height: 360px;
    border-radius: 20px 20px 20px 20px;
    border: 2px #3e6546 solid;
    box-shadow: -7px 23px 20px rgba(0, 0, 0, 0.25);
    
}
.like{
    position: absolute;
    bottom: -300px;
    left: 379px;
    
    
}
.comments{
    position: absolute;
    bottom: -332px;
    left: 379px;
    
}
.top_header{
    background: #3e6546;
    width: -webkit-fill-available;
    /*position: relative; */
    /*top: -749px; */
    position: sticky;
    height: 150px;
    
}
.header{
    
    /*width: 100%;*/
    text-align: center;
    position: sticky;
	width: -webkit-fill-available;
}
.header img{
    width: 120px;
    height: 80px;
    position: inherit;
    
} 
.com_img img{
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    margin: 10px;
    padding: 5px;
    border: 1px green solid;
    
}
.button {
    
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color:white;
    font-weight: 300;
   
}
.icon{
    color: white;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    outline: none; 
   
}
.border-yellow{
    border-right: 2px #eeebe4 solid;
}
.header1{
        color:#4f120e;
        float:right;
        position: inherit;
        bottom: 664px;
        overflow: hidden;
        padding-right: 27px;  
    }
.tel{
    color: white;
    font-weight: 200;
}
.regvhod{
    color:white;
    font-weight: 200;
    overflow: hidden;
    
}
.size{
    font-size:0.8em;
}
.activity{
    color: gray;
    
}

.button2{
    height: 50px;
    width: 130px;
    margin-top: 20px; 
    margin-left: 150px;
    border-radius: 20px 20px 20px 20px;
    background: #3e6546;
    color: white;   
}
.button3{
    height: 50px;
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    background: #3e6546;
    color: white;  
    position: relative;
    top: 170px;
}
.qbutton{
    height: 90px;
    width: 70%;
    border-radius: 20px 20px 20px 20px;
    background: #3e6546;
    color: white;  
    
    
}
.text3{
    height: 50px;
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    top: 140px;
}    
.otziv{
   height: 600px; 
   display: flex;
   
}

.otziv img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin: 10px;
    padding: 5px;
    border: 1px green solid;
}
.otziv_frame{
    width: 300px;
    height: 560px;
    background: white;
    border-radius: 20px 20px 20px 20px;
    border: 2px #3e6546 solid;
    box-shadow: -7px 23px 20px rgba(0, 0, 0, 0.25);
   
}
.follow_frame{
    height: 400px;
    position: absolute;
    top: 250px;
    background: linear-gradient(212.26deg, #efd9ad 5.02%, #d8ab54 96.08%);
    border-radius: 30px 30px 30px 30px;
    width: 400px;
}
    
h3{
    color: #9e2118;
    
}
h3_follow{
   
    position: relative;
    top: 97px;
}
.p_follow{
    position: relative;
    top: 70px;
}
.fon_white{
    background: white;
}
.contacts_color{
    color: #3e6546;;
    font-size: 150px;
}
.text4{
    border-radius: 30px 30px 30px 30px;
    width: 100%;
    height: 50px;
}
.questions{
    font-weight: 400;
}