@media only screen and (min-width: 250px) {
    *{
        margin:0px;
        padding: 0px;
    }
    h1{
        font-weight: bolder;
        font-size: 45px;        

    }

    body{
        background-color: white;
    }
    p{
        font-size: 85px;
        font-weight: bold;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }
    
    #ticket{
        text-align: left;
        color: #DD001A;
    }
    .ticket a{
        font-weight: bolder;
    }
    .ticket {
        background-color: #DD001A;
        color: white;
        font-size: 20px;
        width: 25%;
        border: 10px solid #DD001A;
        border-radius: 40px;
 
    }
    .ticket:hover{
        background-color: #930011;
        border-color: #930011;
    }
    .body-text-div{
        width: 65%;
    }
    .body-text{
        font-size: 20px;
        font-weight: bolder;
        color: white;
        text-align:left ;    
    }
    .assiste{
        color: #DD001A;
        margin-right: 10 px;
    }
    .tech{
        color: white;
        margin-left: 10px;
    
    }
    p1{
        font-size: 75px;
        font-weight: bold;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }
    h2{
        color:white;
        text-align: center;
        font-size: 60px;
        margin-top: 20px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }
    
    .button{
        text-align: center;
    }
    .exe{
        font-weight:bolder;
        text-decoration: none;
        font-size: 30px;
        display: inline-block;
        background: #DD001A;
        border: 2px solid #DD001A;
        color: #FFFFFF;
        line-height: 42px;
        padding: 6px 24px;
        text-align: center;
        -webkit-border-radius: 32px;
        -moz-border-radius: 32px;
        border-radius: 32px;
        margin-bottom: 20px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

    }
    .exe:hover{
        background-color: #930011;
        border-color: #930011;
    } 
    
    .link{
        padding: 10px 20px;
        display: inline-block;
    }
    .assistenza{
        padding-top: 15px;
        width: 75%;
        text-align:center;
 
    }
    .assistenza h1{
        color: #000000;
        font-size: 50px;
        
    }
    .contenitore-title{
        display: flex;
        flex-direction:row;
        justify-content:center; 
        
    }
    .contenitore-body{
        display: flex;
        flex-direction: row;
        justify-content:space-evenly;
        padding-bottom: 20px;
    
    }
    .left{
        width: 45%;
        padding-left: 100px;
        padding-bottom: 100px;
    }
    .left img{
      width: 75%;
    }
    .right{
        width: 65%;
    }
    .nostri{
        color: #DD001A;
        margin-right: 5 px;
    }
    .service{
        color: black;
        margin-left: 15px;
    }
    
    .home{
        background-size: cover;
        background-image: url(img/supremoTopTest.png);
    }
    .grid-container {
        padding-top: 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        gap: 25px;
    
      }
    
    .grid-item {
        background-color: rgba(255, 255, 255, 0.8);
        border: 5px solid red;
        border-radius: 10%;
        text-align: center;
        width: 33.33%;
        height: auto;
        position: relative;
    
      }
      .grid-item:hover > btn {
        visibility: visible;
        opacity: 1;
      }
    
    h3{
        font-weight: bolder;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 30px;
    }
    
    .footer{
        background-color:black;
        font-size: 20px;
    }
    
    ul{
        text-align: left;
        color: white;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        padding-left: 100px;
    
    }
    li{
        padding-top: 35px;
        list-style: none;
    }
    .ultimo{
    padding-bottom: 35px;
    }
    
    .container-flex{
        padding-bottom: 50px;
        
    }
    a:-webkit-any-link{
        color: white;
        text-decoration: none;
    }
    .logo{
        width: 25%;
        padding: 15px;
        padding-left: 50px;
    }
    .logo img{
        width: 65%;
    }
    .menu{
        display:flex;
        flex-direction: row;
        background-color: white;
        position: fixed;
        z-index: 1;
    }
    
    .contMap{
        padding-top: 50px;
        display: flex;
        flex-direction: row;
        justify-content:space-around;
    }
    .space {
        width: 50%;
        height:50%;
    }
    .space img{
        width:50%;
    }
    
    p2{
        font-weight: 25px;
        font-family: 'Spline Sans', sans-serif;
      
    }
    a:-webkit-any-link {
        color:none;
    
    }
    
    .finale{
        
        background-color: black;
        color: rgba(255, 81, 0, 0.973);
    }
    .finale a{
        color: rgba(255, 81, 0, 0.973);
        font-weight: lighter;
        font-style: oblique;
    }
    .finale a:hover{
        color:  rgb(255, 164, 100);
    }
    
    h5{
        text-align: center;
         color: #FF0000;
    }
    h3{
        color: #FF0000;
    }
    .div-align{
        margin-top: 15px;
    
        width: 100%;
    
    }
    .modal-content{
    
    border-style: solid;
    border-width:  7px;
    border-color:#FF0000;
    
    
    }
    
    .modal-title{
        font-size: 30px;
    }
    
   }