.roboto {
  font-family: 'Roboto', sans-serif;
}

.btn.btn-primary{
  font-family: 'Roboto', sans-serif;
}

p* {
  font-family: 'Roboto', sans-serif;
  text-align: center;
}

h3 {
  color: rgb(0, 0, 0);
  margin-top: 1%;
  font-family: 'Sarabun', sans-serif;
  font-weight: bold;
}

.form-control {
width: 500px;
text-align: center;
margin:0 auto;
}

.cdash {
text-align: center;
}

input {
text-align: center;
}

page {
background: rgb(255, 255, 255);
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
border: solid 1px black;
}

page[size="A4"] {
width: 21cm;
height: 29.7cm;
}

page[size="A4"][layout="landscape"] {
width: 29.7cm;
height: 21cm;
}

.saldiamo1 {
  color: rgb(255, 25, 25);
  text-shadow: -2px 0 black, 0 -2px black, -2px 0 black, 0 -2px black;
font-size: 120px;
font-family:'Sarabun', sans-serif;
margin-top: 5%;
}

.saldiamo2 {
  color: rgb(255, 25, 25);
  text-shadow: -2px 0 black, 0 -2px black, -2px 0 black, 0 -2px black;
font-size: 100px;
height: 100px;
font-family:'Sarabun', sans-serif;
margin-top: 5%;
}

.saldiamo4 {
  color: rgb(255, 25, 25);
  text-shadow: -2px 0 black, 0 -2px black, -2px 0 black, 0 -2px black;
  font-size: 55px;
  font-family: 'Sarabun', sans-serif;
  margin-top: 5%;
  
  }

.saldiamo8 {
    color: rgb(255, 25, 25);
    text-shadow: -2px 0 black, 0 -2px black, -2px 0 black, 0 -2px black;
    background: rgb(255, 255, 255);
    font-size: 50px;
    font-family: 'Sarabun', sans-serif;
    margin-top: 5%;
    /*  */
  }

.prezzo1  {
color: rgb(0, 0, 0);
font-size: 120px;
height:200px ;
width:100% ;
}


.prezzo2  {
  color: rgb(0, 0, 0);
  font-size: 130px;
  height:200px ;
  width:100% ;
  }

  .prezzo4  {
    color: rgb(0, 0, 0);
    font-size: 110px;
    height: 150px ;
    width:100% ;
    }

     .prezzo8  {
    color: rgb(0, 0, 0);
    font-size: 60px;
    height:80px ;
    width:100% ;
    }

  .descrizione1  {
    color: rgb(0, 0, 0);
    font-size: 100px;
    height:200px ;
    width:100% ;
    font-style: italic;
    font-family: 'Great Vibes', cursive;
    color: rgb(63, 84, 160);
    text-align: center; 
    }

  .descrizione2  {
    color: rgb(0, 0, 0);
    font-size: 100px;
    height:100px ;
    width:100% ;
    font-style: italic;
    font-family: 'Great Vibes', cursive;
    color: rgb(63, 84, 160);
    text-align: center; 
    }

  .descrizione4 {
    color: rgb(0, 0, 0);
    font-size: 70px;
    height:100px ;
    width:100% ;
    font-style: italic;
    font-family: 'Great Vibes', cursive;
    color: rgb(63, 84, 160);
    text-align: center; 
    }

  .descrizione8  {
    color: rgb(0, 0, 0);
    font-size: 45px;
    height:40px ;
    width:100% ;
    font-style: italic;
    font-weight: bold;
    font-family: 'Great Vibes', cursive;
    color: rgb(63, 84, 160);
    text-align: center; 
    }

 
  .col {
      border: solid 5px rgb(18, 55, 179);
    }
    textarea { border: none;
      overflow:auto ;/*remove the resize handle on the bottom right*/
      resize:none;
    }

    @Media Print
{

  .saldiamo8 {
    color: red !important;
    text-shadow: -2px 0 black, 0 -2px black, -2px 0 black, 0 -2px black;
    background: rgb(255, 255, 255);
    font-size: 50px;
    font-family: 'Sarabun', sans-serif;
    margin-top: 5%;
    /*  */
    }

    .descrizione8  {
      font-size: 45px;
      height:40px ;
      width:100% ;
      font-style: italic;
      font-weight: bold;
      font-family: 'Great Vibes', cursive;
      color: rgb(63, 84, 160) !important;
      text-align: center; 
      }

      .saldiamo4 {
        color: rgb(255, 25, 25);
        text-shadow: -2px 0 black, 0 -2px black, -2px 0 black, 0 -2px black;
        font-size: 55px;
        font-family: 'Sarabun', sans-serif;
        margin-top: 5%;
        
        }

      .descrizione4 {
          color: rgb(0, 0, 0);
          font-size: 70px;
          height:100px ;
          width:100% ;
          font-style: italic;
          font-family: 'Great Vibes', cursive;
          color: rgb(63, 84, 160);
          text-align: center; 
          }

 .roboto {
    font-family: 'Roboto', sans-serif;
  }

  .btn.btn-primary{
    font-family: 'Roboto', sans-serif;
  }

  p {
    font-family: 'Roboto', sans-serif;
    font-size: 100px;
    text-align: center;
    width: 100%;
  }

  .row{
    text-align: center;
  }

 .form-control {
  width: 500px;
  text-align: center;
  margin:0 auto;
 }
 .cdash {
  text-align: center;
 }
 input {
  text-align: center;
 }
 page {
  background: rgb(255, 255, 255);
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  border: solid 1px black;
 }
 page[size="A4"] {
  width: 31cm;
  height: 39.7cm;
 }
 page[size="A4"][layout="landscape"] {
  width: 29.7cm;
  height: 21cm;
 }
 ::-webkit-scrollbar {
     display: none;
 }
 .myButton {
   left: 0;
   position: fixed;
   text-align: center;
   bottom: 0;
   width: 100%;
}

.row {
  border: 2px solid blue;
}

