/* PARA PANTALLAS IGUAL O MENORES A 720 CEULARES */
  @media only screen and (max-width : 1024px) {
    html,
    body {
      font-family: Roboto;
      font-size: 20px; 
      background: url(https://drive.google.com/uc?export=view&id=1xH_8MZnpbU11n4KoOfoUBkBGUg9bv2Da) no-repeat center top;
    }
  
  }
  
  /* PARA PANTALLAS MAYOR A 1200 */
  @media only screen and (min-width : 1024px) {
    html,
    body {
      font-family: Roboto;
      font-size: 15px;
      background: url(https://drive.google.com/uc?export=view&id=1ziYabcrINFb7BMZnnnJIh0orBkjKfPN5) no-repeat center top;
    }
  }
      
  .box1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    background-color: rgb(59, 105, 60, .3);
    border: 2px #3B693C;
    border-radius: .6rem;
    max-width: 400px;
  }
  
  .btn-sample { 
    color: #FFFFFF; 
    background-color: #3B693C; 
    border-color: #3B693C; 
    vertical-align: middle; 
    font-size:20px; 
    padding-right: 10px;
  } 
  
  .text { 
    text-align: center;
    color: #3B693C; 
    font-size:20px; 
    font-weight: bold;
  } 
  
  .text2 { 
    text-align: center;
    color: #3B693C; 
    font-size:12px; 
    font-weight: bold;
  }
 
  .btn-sample:hover, 
  .btn-sample:focus, 
  .btn-sample:active, 
  .btn-sample.active, 
  .open .dropdown-toggle.btn-sample { 
    color: #FFFFFF; 
    background-color: #6EAD3B; 
    border-color: #3B693C; 
  } 
 
  .btn-sample:active, 
  .btn-sample.active, 
  .open .dropdown-toggle.btn-sample { 
    background-image: none; 
  } 
 
  .btn-sample.disabled, 
  .btn-sample[disabled], 
  fieldset[disabled] .btn-sample, 
  .btn-sample.disabled:hover, 
  .btn-sample[disabled]:hover, 
  fieldset[disabled] .btn-sample:hover, 
  .btn-sample.disabled:focus, 
  .btn-sample[disabled]:focus, 
  fieldset[disabled] .btn-sample:focus, 
  .btn-sample.disabled:active, 
  .btn-sample[disabled]:active, 
  fieldset[disabled] .btn-sample:active, 
  .btn-sample.disabled.active, 
  .btn-sample[disabled].active, 
  fieldset[disabled] .btn-sample.active { 
    background-color: #3B693C; 
    border-color: #3B693C; 
  } 
 
  .btn-sample .badge { 
    color: #3B693C; 
    background-color: #FFFFFF; 
  }
  
  .fa-exclamation-triangle {
    color: #F6D600;
  }