body{
    background-color: #c1ceee;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin: 0;
}

header {
  display: flex;
  background-color: #fdfeff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  justify-content: space-between;
  padding-left: 45px;
  padding-right: 45px;
  align-items: center;
}

.logo{
  display: flex;
  align-items: center;
}

header img {
  max-width: 70px;
}

header h1{
  padding-left: 20px;
  font-size: 20px;
  cursor: pointer;
}

header a{
  text-decoration: none;
  color: rgb(0, 136, 255);
}

.nav-link:hover{
  color: rgb(255, 217, 0);
  font-size: 15.1px;
}

nav a{
  cursor: pointer;
  font-size: 15px;
}



#columnas{
    column-count:2;
    column-gap:800px;
    column-rule:4px dotted rgb(255, 255, 255);
}

a.colorThree.bibleBook {
  background-color: #1d3254;
}
a.bibleBook {
  padding: 10px;
  margin-bottom: 2px;
  color: #fff !important;
  display: flex;
  align-items: center;
  border-radius: 10px;
}

/* Buscador*/
input[type="submit"] {
  background-color: #e5b02a;
  color: #ffffff;
  padding: 5px 10px;
  border: none;
  border-radius: 50px;
  }



.botonBus {
  cursor: pointer;
}

  
/* columnas*/

.columna-izquierda {
  float: left;
  width: 50%;
}

.columna-derecha {
  float: right;
  width: 43%;
}


/*Alineacion de la pagina*/

@media (min-width:320px)  { 
  /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
      table, p, img {
      padding-right: 1em;
      width: 100%;
      }
   }
  @media (min-width:480px)  { 
  /* smartphones, Android phones, landscape iPhone */ 
  }
  @media (min-width:600px)  { 
  /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
  }
  @media (min-width:801px)  { 
  /* tablet, landscape iPad, lo-res laptops ands desktops */ 
  }
  @media (min-width:1025px) { 
  /* big landscape tablets, laptops, and desktops */ 
  }
  @media (min-width:1281px) { 
  /* hi-res laptops and desktops */ 
  }


