@media screen and (min-width: 320px) and (max-width: 600px) {
  /*  h1 {*/
  #titoloSpecialeImpresa h1{
        font-size:20px;   
        text-align: center       
    }

   /* .modal2-body div{*/
   #testoSpecialeImpresa div {
        margin-top:20px;
        font-size:15px !important;
        line-height: 20px !important;
        text-align:left !important;
    }
    
        .modal2-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80% !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
    }
    


}
@media screen and (min-width: 320px) and (max-width:736px) and (orientation: landscape){
  #titoloSpecialeImpresa h1{
        font-size:20px;       
    }

   /* .modal2-body div{*/
   #testoSpecialeImpresa div {
        margin-top:20px;
        font-size:15px !important;
        line-height: 20px !important;
        text-align:left !important;
    }

    .modal2-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80% !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
    }
    


}