body{font-family: Roboto}
header{height: 50px; width: 100%; position: absolute; left: 0px; top:0px; display: flex; align-items: center; z-index: 100}
.main{width: 100%; background: #f6f6f6 url("/images/bg.png") no-repeat center; background-size: cover; display: flex; align-items: center; color: #fff; padding-top:  20px; padding-bottom: 100px;position: relative}
.main__content h1{font-size: 30px; line-height: 40px; font-weight: 700; margin: 0px 0px 24px; }
.subTitle{font-weight: 700; line-height: 20px; text-transform: uppercase; font-size: 15px; padding: 5px 0px 18px;}
.dscr{font-size: 18px; line-height: 30px; }
.appIcons{padding: 30px 0px 0px}
.appIcons a{display: inline-block; margin-right: 4px; margin-bottom: 10px;}
.appIcons img{height: 45px;}

.s-menu{list-style: none; margin-bottom: 0px;}
.s-menu li{display: inline-block; margin-left: 0px;}
.s-menu li a{display: block; background: #35982c; color: #fff; height: 30px; width: 30px; border-radius: 15px; display: flex; align-items: center; justify-content: center}
.s-menu li a svg{width: 18px; height: 18px;}

.about{padding: 20px 0px 100px; display: block; position: relative; background: #f3f5f4}
.about h2{font-size: 25px; line-height: 30px; font-weight: 700; margin: 0px 0px 24px; }
.listElement{background: transparent; margin: 45px 0px 15px; padding: 40px 20px 30px; font-size: 16px; line-height: 25px; position: relative; text-align: center; border: 1px solid #ffb903; border-radius: 25px; background: #f3f5f4; }
.listElement div{width: 60px; height: 60px; position: absolute; left: 50%; margin-left: -30px; top: -30px; display: flex; align-items: center; justify-content: center}
.listElement div span{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 20px; }
.listElement div svg{height: 60px;}
.listElement div span svg{width: 30px; height: 30px;}

.logo{position: absolute; top: -88px; width: 160px; left: 50%; margin-left: -80px; z-index: 100}
.logo img{
    height: 80px;
    width: 124px;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -62px;
}
.vave {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -100px;
    height: 200px;
    z-index: 1;
}
.vave2 {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -130px;
    height: 200px;
    z-index: 1;
}
.main__content{padding-left: 20px;}
.foto{position: relative; background: #fff; padding: 50px 0px;}
.foto img{margin-bottom: 30px;}
.footer{background: #FFB903; color: #fff; width: 100%; padding: 50px 0px;}
.footer h2{font-size: 25px; line-height: 30px; font-weight: 700; margin: 0px 0px 10px; }
@media (max-width: 991px){
    .main{height: auto; padding: 120px 0px 130px; }
    .listElement{margin-bottom: 0px;}
    .about{padding: 20px 0px 130px;}
    .main__content{padding-left: 0px;}
}
@media (max-width: 767px){
    .main{text-align: center}
}
@media (max-width: 600px){
    .mobile{max-height: 400px}
}