* {box-sizing:border-box}
  header {
    z-index: 1;
  }
  .pagina {
   background-color: #F7F7F7;
   font-family: 'Lato', sans-serif, arial;
   margin-top: 30px;
  }
  .Slide {
  position: relative;
  color: white;
  text-align: center;
  }
  #BlogImgPpal {
  clear: both;
  width: 100%;
  background-size: cover;
  margin-top: 20px;
  }
  #titulo_blog {
  font-family: Lato, sans-serif;
  color: white;
  position: absolute;
  top:  20%;
  left: 35%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  width: 60%; 
  }
  #subtitulo_blog {
  font-family: Lato, sans-serif;
  color: white;
  position: absolute;
  top:  55%;
  left: 35%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  font-weight: normal; 
  width: 60%; 
  }  
 .Blogs{
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  justify-content: left;
  }
 .Blog {
   margin-top: 50px;
   margin-right: 40px;
   margin-left:  40px;
   background-color: white;
   width: 25%;
   min-width: 325px;
   box-sizing: border-box;
   cursor: pointer;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
#BlogTit {
   color: #FF5627;
   font-size: 28px;
   display: block;
   padding: 27px;
   text-align: left;
   height: 150px;
}
#BlogImg {
   width: 100%;
}
#BlogText {
   background-color: white;
   text-align: justify;
   padding: 0px 20px 0px 20px;
   line-height: 1.5;
   display: block;
   color: #5C5C5C;
   font-size: 19px;
   height: 190px;
  }
#VerMas {
   text-align: left;
   display: block;
   margin-top: 10px;
   color: #FF5627;
   font-size: 18px;
   padding-left: 20px;
  }
#fecha {
   text-align: right;
   display: block;
   margin-top: 15px;
   color: #5C5C5C;
   font-size: 14px;
   margin-bottom: 10px;
   margin-right: 20px;
  }
/* Mediaqueries - pantalla grande - menu en una linea*/
@media screen and (min-width: 981px) and (max-width: 1280px) {
  #titulo_blog {
  font-size: 30px;
  }
  #subtitulo_blog {
   margin-top: 35px;
  font-size: 20px;
  }
}
@media screen and (min-width: 781px) and (max-width: 980px) {
  .Blogs{
  justify-content: center;
  }
  #titulo_blog {
  font-size: 25px;
  }
  #subtitulo_blog {
  margin-top: 20px;
  font-size: 18px;
  }
}
@media screen and (min-width: 451px) and (max-width: 780px) {
  #BlogImgPpal {
  min-height: 180px;
  }
  .Blogs{
  justify-content: center;
  }
  #titulo_blog {
  font-size: 19px;
  }
  #subtitulo_blog {
  margin-top: 15px;
  font-size: 15px;
  }
  .Blog {
   margin-right: 20px;
   margin-left:  20px;
  }
}
@media screen and (max-width: 450px) {
  #BlogImgPpal {
  min-height: 150px;
  }
  .Blogs{
  justify-content: center;
  }
  #titulo_blog {
  font-size: 15px;
  }
  #subtitulo_blog {
  margin-top: 10px;
  font-size: 13px;
  }
  .Blog {
   margin-right: 5px;
   margin-left:  5px;
  }
}