html{
    scroll-behavior: initial;
    overflow-x:hidden !important;

  }

html, body{
    width:100%;
    position:relative;
    min-height: 100%;
    overflow-x:hidden !important;
}
.wrapper{
    background:#EAFFF4 !important;

}
.title-wrapper{
width:100vw;
height:100vh;
background-color: var(--light-green);
background-size:cover;
background-position:center;
text-align: center;
padding-top:100px;
display:flex;
align-items: center;
justify-content: center;
}
.title-wrapper img{
    width:150px;
    max-width:150px;
}
.title-wrapper h1{
    color:var(--zilch-green);
    font-size:5vw;
}
.title-wrapper p{
    margin-top:-10px;
    color:var(--zilch-green);
    font-weight:bold;
    padding:10px 0px;
    font-size:1.2rem;
}


footer{
    padding-top:50px !important;
}


@media screen and (max-width: 1250px){
    .responsible{
        font-size:10em !important;
        line-height:11rem !important;
    }
}

/* media queries */

@media screen and (max-width:970px){
   .title-wrapper{
    background-position:-100px center;
    height:100vh
   }
}


@media screen and (max-width:735px){
    
    
}



@media screen and (max-width:680px){
   
}


@media screen and (max-width:500px){
   .title-wrapper h1{
    font-size: 2.5rem;
   }
}

@media screen and (max-width:360px){

}