body, html{ font-family: 'Inter', Arial, Helvetica, sans-serif; line-height: 1; font-size: 16px; box-sizing: border-box;margin: 0;padding: 0;}
  *,*:before,*:after{ box-sizing: border-box; }h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0 0 1rem 0;padding: 0;}ol,ul{padding-left: 20px;line-height: 1.5;}
  h1{font-size: 4rem;} h2{font-size: 3rem;} h3{font-size: 2rem;} h4{font-size: 1rem;} h5{font-size: 0.8rem;} h6{font-size: 0.6rem;}
  a{text-decoration:none}


.cover{ height: 100vh;width: 100%;background-color: rgb(212, 212, 212); 
    background: url("1.jpg")  no-repeat center center; background-size:cover;position: relative; }

.cover__filter{ position: absolute; background: black;width: 100vw; 
        height: 100vh; z-index: 0; top: 0; left: 0; 
       background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 55%);}
.container{
                    margin-top: 75vh;  
                    width: 100%;
                    z-index: 1;
                    position: absolute;
                    display: flex;
                    justify-content: center;
    
}
.titolo{         
                color:darkturquoise; text-align: center; font-family: "Shadows Into Light", cursive;
                font-weight: 400;
                font-style: normal; font-size: 9rem;}


@media (max-width: 920px) {
    .titolo{color:darkturquoise; text-align: center; font-family: "Shadows Into Light", cursive;
        font-weight: 400;
        font-style: normal; font-size: 9rem;}
        .container{
            margin-top: 60vh;}  
}


@media (max-width: 450px) {


  .titolo{color:darkturquoise; text-align: center; font-family: "Shadows Into Light", cursive;
    font-weight: 400;
    font-style: normal; font-size: 5rem;}
    .container{
        margin-top: 73vh;}  
  
}


@media only screen and (max-width: 950px) and (orientation: landscape) {

    .titolo{color:darkturquoise; text-align: center; font-family: "Shadows Into Light", cursive;
        font-weight: 400;
        font-style: normal; font-size: 5rem;}
        .container{
            margin-top: 70vh;}  
  
}