:root {
--pink:#FFC7DB;
--dpuink:#DD4B6A;
--black:#1C1B1F;
--white:#fff;
--dgreen:#416F23;
--lgreen:#77AB56;
}

* {
font-family: "Noto Sans", sans-serif;
}

html, body {
max-width: 100%;
overflow-x: hidden;
min-height: 100vh;
}

body {
display: flex;
align-content: center;
align-items: center;
}

html {
color: var(--black);
background: #c3fd97;
}

h1, h2, h3 {
font-family: 'ThunderExtBd';
font-weight: 700;
margin: 0;
font-size: 52vw;
}

a {
color:var(--black);
}

.screen {
width: 80vw;
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;
margin: 0 auto;
padding-top: 70px;
}

.screen__left {
width: 50%;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}

.screen__left-pic {
max-height: 40vh;
}

.screen__right {
width: 50%;
}

.screen__right-title {
font-size: 17vw;
text-transform: uppercase;
}

.screen__right-text {
text-transform: uppercase;
opacity: .8;
}

.screen__right-adress {
margin-top: 20px;
}

.screen__right-adress span {
display: block;
}

.fs__about-stext-icons {
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
margin-top: 30px;
}

.fs__about-stext-icons-item {
margin-right: 20px;
}

.fs__about-stext-icons-item-src {
max-width: 45px;
max-height: 45px;
fill:var(--black);
}

.fs__about-stext-icons-item:hover .fs__about-stext-icons-item-src {
fill: var(--black);
}

.fs__about-stext-icons_2 {
display: none;
flex-wrap: wrap;
align-content: center;
align-items: center;
margin-top: 30px;
background: rgba(255,255,255,.2);
border-radius: 30px;
padding: 10px 0;
}

.fs__about-stext-icons_2 .fs__about-stext-icons-item {
display: flex;
align-content: center;
align-items: center;
background: rgba(255,255,255,.5);
padding: 5px 10px;
border-radius: 30px;
text-decoration: none;
margin: 0 10px;
text-transform: uppercase;
}

.fs__about-stext-icons_2 .fs__about-stext-icons-item-src {
margin-right: 7px;
}

.h2b__widget {
height: 600px;
width: 80vw;
max-width: 600px;
margin: 60px auto;
border-radius: 30px;
}

.footer p {
opacity: 0.6;
}

@media (max-width:990px) {

.screen {
width: 94vw;
}

.screen__left {
width: 100%;
text-align: center;
}

.screen__right-title {
font-size: 24vw;
}

.screen__left-pic {
max-height: 40vh;
}

.screen__right {
width: 100%;
text-align: center;
}

.screen__right-adress a {
font-size: 3.7vw;
}

.fs__about-stext-icons-item-src {
max-width: 10vw;
max-height: 10vw;
}

}