body {

    font-family: 'DM Sans', sans-serif;
color:#fff;
font-size:26px;

}

.logo {

max-width:300px;

}

.info {
display:block;
position:absolute;
bottom:0;
left:0;
padding-bottom:15px;
padding-top:15px;
width:100%;
text-align:center;
background-color:#00833d;
}

.info a {
color:#fff;

text-decoration:none;
}

.info-2 {
display:inline-block;
position:absolute;
top:calc(50% - 69px);
left:50%;
transform:translate(-50%,-50%);



}

.info-2 a {
color:#fff;
text-decoration:underline;
}

.pattern {
background-image:url('pattern.png');
background-position: 0 calc(100% - 69px);
background-repeat: repeat-x;
  background-size: 65%;

}

.aiuti {
  font-size: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  padding-bottom: 15px;
  padding-right: 10px;
}


@media (max-width: 768px) { 
.h-100 {
/*height:75% !important;*/
}
.info-2 {
width:100%;
background-position: 0 calc(100% - 54px);
}

.pattern {

background-position: 0 calc(100% - 54px);
}

body {

font-size:16px;


 }

.aiuti {
  top: 0;
    bottom: unset;
}

}