body{
    margin: 0 ;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    background-color:  rgba(229, 219, 190, 0.822);
}

*,
*:before,
*:after{
    box-sizing: border-box;
}


.usinfo{
    text-align: center;
    color: black;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}
/* Container */
.container {
    font-size: 22px;
    line-height: 47px;
    text-align: center;
    font-weight: 700;
    
}
.maint{
    margin-top: 2%;
}
li{
    list-style-type: none;
}
.spc{
    text-align: center;
}

.one{
    margin-top: -90%;
    margin-bottom: 32.3%;
    margin-left: 75%;
}
.two{
    margin-top: -80%;
    margin-bottom: 18%;
    margin-left: 75%;
}
.three{
    margin-top: -80%;
    margin-bottom: 4%;
    margin-left: 75%;
}
.four{
    margin-top: -90%;
    margin-bottom: 32.3%;
    margin-left: -97%;
}
.five{
    margin-top: -90%;
    margin-bottom: 18%;
    margin-left: -97%;
}
.six{
    
    margin-top: -80%;
    margin-bottom: 4%;
    margin-left: -97.2%;
    
}
.con{
    margin-top: 0.5%;
}
.usl{
color:black;
text-align: center;

}
.container{
    color: black;
   
}
/* Intro */
.intro{


}
.intro__title{
    font-size: 100px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
}
.intro_inner{
    position: relative;
    left: 10px;
    background-color:  rgba(229, 219, 190, 0.822);
}



.icons{
    display: grid;
    height: 100%;
    width: 100%;
    place-items:center;
    margin: 2% 0px 0px 0px;
    
}
.wrapper{
    display: inline-flex;
}
.wrapper .icon {
    margin: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.68, -0.55,0.265,1,55);
}
.wrapper .icon span{
    position: relative;
    height: 60px;
    width: 60px;
    display: block;
    background: #fff;
    border-radius: 50%;
    text-align: center; 
    z-index: 2;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1); 
}
.wrapper .icon:hover span{
    color: #fff;
}
.wrapper .icon span i{
    font-size: 40px;
    line-height: 60px;
    
}
.wrapper .icon .tooltip{
    position: absolute;
    top: 0px;
    background: #fff;
    color: #fff;
    font-size: 20px;
    padding: 10px 18px; 
    border-radius: 25px; 
    box-shadow: 0 10px 10px rgba(0,0,0,0.1); 
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);
    
}
.wrapper .icon:hover .tooltip{
    top: -60px;
    opacity: 1;
    pointer-events: auto;
}
.wrapper .icon .tooltip:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background: #fff; 
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    transition: all 0.4s cubic-bezier(0.68, -0.55,0.265,1,55);
    
}
.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip{
    text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}
.wrapper .WhatsApp:hover span
{
    background: #7fff00;
}
.wrapper .WhatsApp:hover .tooltip
{
    background: #7fff00;
}
.wrapper .WhatsApp:hover .tooltip:before{
    background: #7fff00;
}
.wrapper .Telegram:hover span
{
    background: #0088cc;
}
.wrapper .Telegram:hover .tooltip
{
    background: #0088cc;
}
.wrapper .Telegram:hover .tooltip:before{
    background: #0088cc;
}
.wrapper .Instagram:hover span
{
    background: #e1306c ;
}
.wrapper .Instagram:hover .tooltip
{
    background: #e1306c;
}
.wrapper .Instagram:hover .tooltip:before{
    background: #e1306c;
}
.wrapper .Vkontakte:hover span
{
    background: #45668e;
}
.wrapper .Vkontakte:hover .tooltip
{
    background: #45668e;
}
.wrapper .Vkontakte:hover .tooltip:before{
    background: #45668e;
}

.Wa{
    text-decoration: none;
    color: #7fff00;
}
.Wa:visited{
    text-decoration: none;
    color: #7fff00;
}
.Tg{
    text-decoration: none;
    color: #0088cc;
}
.Tg:visited{
    text-decoration: none;
    color: #0088cc;
}
.Inst{
    text-decoration: none;
    color: #e1306c;
}
.Inst:visited{
    text-decoration: none;
    color: #e1306c;
}
.Vk{
    text-decoration: none;
    color: #45668e;
}
.Vk:visited{
    text-decoration: none;
    color: #45668e;
}






@media (max-width: 800px) {
    .photos img { width: 100%; }
}


@media (min-width: 801px) {
    .photos { position: absolute; top: 0; display: flex; justify-content: space-between; width: 100%; padding: 10px; }
    .photos div , .photos img { display: block; width: 200px; }
    
    .intro { width: 400px; margin: 0 auto; }
    
}

@media (min-width: 1025px) {
    .photos div , .photos img { display: block; width: 300px; }
    .intro { width: 600px; }
}

@media (min-width: 1401px) {
    .photos div , .photos img { display: block; width: 400px; }
    .intro { width: 740px; }
}

@media (min-width: 1601px) {
    .photos div , .photos img { display: block; width: 450px; }
    .intro { width: 800px; }
}