@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
* {
  font-family: 'Ubuntu', sans-serif;
}

.fuerte{font-weight: bold;
}
.titulo1{
 float: left;
 font-weight: bold;
 padding-bottom: 5px;
 width:100%;

}
.titulo2{
 font-weight: bolder;
 float: left;
 padding-bottom: 5px;
 width:100%;
}

.etiqueta{
  float: left;
  width: 66%;
  padding-bottom: 5px;
  text-align: left;
 }

 .etiquetaancha{
  float: left;
  width: 100%;
  padding-bottom: 5px;
  text-align: left;
 }

.valor {float: right;}

.condiciones{
    float: left ;
    padding-top:50px;
}
.contenido{
    margin-top: 4.5em;
    padding:0 12px 0 12px;
    text-align: left;
    font-size: 1rem;
}

.contenidomenu{   /* margin-top: 2.5em;*/
  padding:0 12px 0 12px;}

.filler{
    height: 12px;
    width:100%;
    clear: both;
}

#landing {color:#ededed;}

#splash { height:99vh;
            margin: 0;
            padding: 0;
            text-align: center;
 // font-size:1.5rem;
}
#Sobre {
          margin: 0;
          padding: 0;
          text-align: center;
      }

body {
      background: url("../img/1.jpg");
      /*    background-image: url("../img/fondo3.png");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      font-weight:600}

#tarifas{text-align: left;}

a.visited{color:white;}

.tarjeta { 
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;}

  .valign-middle {
    position: relative;
    top: 50%;
 /*   > .columns {*/
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -o-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
            padding:0 12px 0 12px;
    }

.contenido-imprimir{
   /* margin-top: 1em;*/
    padding:0 50px 0 50px;
    text-align: left;
    font-size: 1.1rem;
} 

.landing {
    position: fixed;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 5%;
    z-index: 999;
    text-align: center;
    max-width: 400px;
}

.close-btn {
    position: absolute;
    top: 5%;
    right: 5%;
    cursor: pointer;
}

button {
    margin-top: 20px;
}

    .landing {
        top: 10%;
        left: 10%;
        right: 10%;
        bottom: 10%;
    }



@media only screen and (min-width:900px) 
{
  body {text-align:center;}
  
  .tarjeta {width:600px;}
    
  body{//font-weight:500; 
  //  font-size:1rem;
  }

  .fuerte{font-weight: bolder;}
  .titulo1{font-weight: bolder;}
  .titulo2{font-weight: bolder;}
  .landing {
    top: 25%;
    left: 25%;
    right: 25%;
    bottom: 25%;
}

}