body, html {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#794694+0,411e60+100 */
background: rgb(228, 221, 205); /* Old browsers */
background: -moz-linear-gradient(top, rgb(234, 228, 215) 0%, rgb(228, 221, 205) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(234, 228, 215) 0%,rgb(228, 221, 205) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(234, 228, 215) 0%,rgb(228, 221, 205) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae4d7', endColorstr='#e4ddcd',GradientType=0 ); /* IE6-9 */
height: 100%;
padding: 0px;
margin: 0px;
position:relative;
font-family: 'EB Garamond', serif;
color:#655550;
background-attachment: fixed;
}




.center-text {
        color: #655550;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top:10px;
}
    
    .autore {
        color: #655550;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top:10px;
    display: block;
font-weight: 400;
font-style: italic;
}
    
    
.offerte {
        color: #655550;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}
    
    
.lettera  {


    font-family: 'EB Garamond', serif;

}

.grass {
    font-weight: 600;
}

.linea {
    
    width: 60%;

height: 1px;

background: #655550;

color: #655550;

border: 0px;

margin: 30px auto 20px auto;
}


.bg {
    position: absolute;
top: 0px;
right: 0px;
height: 100%;
    
}



@media only screen and (max-width: 989px) {
    .immagine {
    margin: 0 auto;
        margin-bottom: 0px;
    text-align: center;
    display: block;
    margin-bottom: 0px;
    max-width: 150px;

}

    
.testo {
    
top: 5%;
position: relative;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
}
    
  .svg {
height: 20%;
opacity: 0.1;
}

.titolo {

  font-size: 140%;

font-weight: 500;

padding: 0px 20px;

display: block;

}

.sottotitolo {

   font-size: 100%;

font-weight: 400;

line-height: 25px;

margin-top: 20px;

display: block;

margin-bottom: -20px;

}

.titolo2 {
font-size: 100%;

font-weight: 400;

font-style: italic;

margin-top: -10px;

display: block;

}

.coming {
    
    font-size: 140%;
}

.footer {
    color: #655550;
    text-transform: lowercase;
   display: inline-block;
   position:relative;
    font-size: 14px;
    padding-left: 20px;
margin-top: 60px;
}

.offerte {
    margin-top:15px;
}

.info {
    font-size:14px;
    padding:0px 20px;
    display:block;
    
}

}

@media only screen and (min-width: 990px) {
  
  .immagine {
    margin: 0 auto;
        margin-bottom: 0px;
    text-align: center;
    display: block;
    margin-bottom: 25px;
}

  
.testo {
    
top: 10%;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
}
  
  .svg {
height: 50%;
opacity: 0.2;
}

.titolo {

    font-size: 38px;
    font-weight: 500;

}

.sottotitolo {

   font-size: 29px;

font-weight: 400;

line-height: 25px;

margin-top: 20px;

display: block;

margin-bottom: -20px;

}

.titolo2 {

  font-size: 24px;

font-weight: 400;

font-style: italic;

margin-top: 10px;

display: block;

}

.coming {
    
    font-size: 38px;
        display: block;
        margin-bottom: -15px;
}


.footer {
    color: #655550;
    text-transform: lowercase;
    position: fixed;
    bottom: 0;
    font-size: 14px;
    padding-left: 20px;

}

    
.offerte {
    margin-top:60px;
}

}