body{
  font-family: 'Mukta Malar', sans-serif;
}
h1, h2, h3, h4, h5{
  font-family: 'Bitter', serif;
}
blockquote
{
width: 100%;
font-style: italic;
font-size: 1.125rem;;
padding: 0.5rem 0;
margin: 0;
}
  strong{
        color: black;
  font-family: 'Bitter', serif;
  line-height: 2rem;
  }
.logo a
{
   font-family: 'Bitter', serif;
  text-decoration: none;
  font-size: 2rem;
  color: black;
  line-height: 4rem;
}
.grid{
  width: 94%;
  margin: 0 3%;
}


ul{
list-style-type: none;
}	
ul a{
text-decoration: none;
}	
.menu ul{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		align-items: center;
list-style-type: none;
	}

.menusocial li
{
padding-right: 1rem;
}
.rrss
{
text-align: right;
padding: 1rem;
}

.ficha p img
{
width: 200px;
float: left;
margin: 0 .5rem .5rem 0;
}

.destacar p
{
color: black;
}
.destacar
{
color: black;
}



/* ------------------------- */

.grid{
  display: grid;
  
}
.grid-item img{
  
width: 100%;
 
}
.logo{
    display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  /*! background-color: #c1c0b9; */
}
.cabecera{
    display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #c1c0b9;
  color: white;
  font-size: 1.5rem;
}
.menu{
  
  /*! background-color: #f7f6e7; */
}
.menu a:link, .menu a:visited{
  color: #537791;
}
.menu a:hover, .menu a:active{
  color: black;
}
.titulo{
  /*! background-color: #e7e6e1; */
  padding-left: 0;
}
.autor{
  /*! background-color: #e7e6e1; */
  /*! color: #537791; */
  /*! padding-left: 1rem; */
  grid-column: 1 / span 3;
}
.texto{
padding: 0 3rem;

}
.texto p{
  font-size: 1.125rem;
  line-height: 2rem;
  color: #537791;
}

.listado{
  /*! background-color: #537791; */
  color: #c1c0b9;
}
.listado a{

  color: #f7f6e7;
}
.ficha{
  background-color: #f7f6e7;
  padding: 2rem;
}
.ficha p{
    color: #537791;
  font-family: 'Bitter', serif;
  line-height: 2rem;
}
.info{
  /*! background-color: silver; */
padding: 1rem 0;
  color: silver;
}
.suscribete{
  background-color: #c1c0b9;
padding: 2rem;
  color: #f7f6e7;
}
.buscador{
  background-color: #c1c0b9;
padding: 2rem;
  color: #f7f6e7;
}
  p.destacar{
        color: black;
  font-family: 'Bitter', serif;
  line-height: 2rem;
  }
.inclinado{
font-style: italic;
  }
.menusocial{
  display: flex;
}

.portadaimagen{
padding: 0;
}

.portadalema{
padding: 0 3rem;
}





@media (min-width: 768px){
  
  .grid{
  grid-template-columns: repeat(3, 1fr);
      padding: 0.5rem;
  
}
 .logo{
grid-column: 1 / span 3;
}
  .logo{
    display: flex;
  justify-content: left;
    padding-left: 1rem;
}
.cabecera{
grid-column: 2 / span 2;
}
  .menu{
grid-column: 1 / span 3;
    padding: 0;
}
  .menu ul a{
text-transform: uppercase;
	}

.titulo{
  grid-column: 1 / span 2;
}

.texto{

    grid-column: 2 / span 2;
}
.portadalema{
  grid-column: 1 / span 1;
}
.portadaimagen{
  grid-column: 1 / span 2;
}


.listado{
    -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
    grid-column: 1 / span 3;
  padding: 1rem 0;
}
.ficha{
margin-bottom: 3rem;
}


}

@media (min-width: 1224px){

.grid{

  width: 70%;
  margin: 0 15%;
}
.texto{
padding: 0 5rem;
 
}
.listado{
    -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;

}
blockquote
{
font-size: 1.5rem;;
}
  
}