@media (min-width: 400px) {

    main a img{
       max-width: 100px;
    }


}


@media (min-width: 520px) {

    main a img{
       max-width: 130px;
    }


}


@media (min-width: 768px) {

    main{
        padding-top: 2em;
    }

    main a img{
       max-width: 170px;
    }
    input[type=button], input[type=submit] {
      background-color: #e7b142;
      border: none;
      color: #27294A;
      padding: 16px 32px;
      text-decoration: none;
      margin: 0 0 2em 0;
      cursor: pointer;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 1.6em;
      letter-spacing: 0.04em;
      float: left;
    }
    .button-dona a{
      background-color: #27294A;
      border: none;
      color: #e7b142;
      padding: 16px 32px;
      text-decoration: none;
      margin: 0 0 2em 0;
      cursor: pointer;
      text-transform: uppercase;
      font-weight: 800;
      font-size: 1.6em;
      letter-spacing: 0.04em;
      float: left;
    }

    .totale{
      float: left;
      margin: 0;
      padding: 18px 32px 0 0;
    }
    .totale p{
      line-height: 1.3 !important;
    }
    main .block1{
      padding-top: 4em;
      padding-bottom: 4em;
    }
      main  .block3{
      padding-top: 4em;
      padding-bottom: 4em;
    }



}


@media (min-width: 1024px) {

    main{
        padding-top: 4em;
    }

    .start img {
        height: 26vh;
        width: 100%;
        margin: 23vh auto 0 auto;
        text-align: center;
        text-transform: uppercase;
    }
    main .block1 h2{
        font-size: 2.3em;
        line-height: 1.4;
    }

    main .block1 p{
        font-size: 1.6em;
        line-height: 1.4;
    }
    main .block1 h6{
        font-size: 1.2em;
        line-height: 1.3;
    }

    main .block3 h1{
      font-size: 2.3em;
      line-height: 1.4;
    }
    main .block3 p{
        font-size: 1.2em;
        line-height: 1.2;
    }

    .box1{
        padding: 0 1em;
    }
    .box2{
        padding: 0 2em;
    }
    .box3{
        padding: 0 3em;
    }
    .box4{
        padding: 0 4em;
    }

    main a img{
       max-width: 190px;
    }
    .totale{
      padding: 8px 32px 8px 0;
    }

    .car{
      left:24%;
    }
    @keyframes car{
        100%{transform:translate3d(0,0,0);
       
        }
        50%{transform:translate3d(150%,0,0);
        }

        0%{transform:translate3d(0,0,0);
        }
    }

}

@media (min-width: 1280px) {
    .staticBg{
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        width:100%;
        margin:0rem auto;
        background: url("../assets/sfondo02.svg");
        position: relative;
        overflow-x: hidden;
        /*background-position: right top;*/
        background-position: center bottom;
        background-repeat: no-repeat;
        /*background-size: 320px 320px;*/
        background-size: cover;
        background-color: #A61F26;

    }
    .staticBg h1 {
        font-size: 2.85em;
        line-height: 1.2;
        
    }
    .staticBg h1 a{
        top: 35px;
        font-size: 1.8em;
    }
        


}

@media (min-width: 1560px) {

    main a img{
       max-width: 220px;
       margin: 1% 25% 2% 0;
    }
    main .block1 h2{
        font-size: 2.5em;
        line-height: 1.45;
    }

    main .block1 p{
        font-size: 1.8em;
        line-height: 1.45;

    }
    main .block3 h1{
        font-size: 2.8em;
        line-height: 1.1;
    }

    main .block3 p{
        font-size: 1.4em;
        line-height: 1.3;

    }
     .totale{
      padding: 0;
    }
    .box4{
        padding: 0 10em;
    }

}