.page {
     margin: 0 auto;
     min-height:100%;
     min-width:326px;
      max-width:100%;




}
/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}





@media (min-width: 270px) and  (max-width: 489px) {
   h1 { font-size:20px; }
   .subtitle {font-size:16px;}
   h2 { font-size:15px; }
   .txt-normal {font-size:15px;}
.head1 { font-size:20px; }
   .formilosc {   font-size:11px;}
  .sm-pad15 {padding:0;}
  .txt-biger {font-size:15px;}
   div#orderButton { font-size:13px;   height:30px; padding: 7px;}

     #top-desktop {display:none}
     #top-mobile {display:block}



}

@media (min-width: 480px) and  (max-width: 600px){
   h1 { font-size:25px; }
   .subtitle {font-size:18px;}
   .head1 { font-size:25px; }
     div#orderButton { font-size:19px;   height:40px; padding: 8px;}
   .sm-pad15 {padding:0;}
 .txt-biger {font-size:15px;}

}

@media (min-width: 601px) and  (max-width: 769px){
.subtitle {font-size:23px;}
h1 { font-size:28px; }
.head1 { font-size:27px; }



}

@media (min-width: 769px) and  (max-width: 992px){






}

@media (min-width: 992px) and  (max-width: 1200px){

}

@media (min-width: 1200px) {

}


@media (min-width: 1300px) {


}

@media (min-width: 1400px) {

}