.blog-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.blogs{
    height: 320px;
    width: 29%;
    margin: 20px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.blogs .img{
    height: 80%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.blog-date{
    position: absolute;
    left: 0;
    bottom: 0;
    background: #01b3a7;
    color: white;
    font-size: 17px;
    text-align: center;
    font-weight: 50px;
    font-family: 'Montserrat', sans-serif;
    padding: 3px;
    width: 36%;
    height: auto;
}
.blogs .img img{
    height: 100%;
    width: 100%;
}
.blog-text{
  height: 100%;
  width: 100%;
  text-align: left;
  vertical-align: left;
  font-family: 'Montserrat', sans-serif;
  color: black;
  background-color: rgb(228, 228, 228);
}
.blog-text h3{
  font-size: 18px;
  font-weight: 500;
  height: 20%;
  padding: 10px;
  border: solid 3px #B5B2B2;
  letter-spacing: 1px;
}

.blogs a{
    text-decoration: none;
    color: whitesmoke;
}

@media screen and (max-width:554px){
    
         .text-fiestas{ 
            font-size:25px;
        }
        
}


@media only screen and (max-width: 550px){
       .blogs{
                height: auto;
                width: 90%;
                margin: 10px;
                margin-top: 20px;
                margin-bottom: 20px;
                position: relative;
            }
            .blogs .img{
                height: 80%;
                width: 100%;
                overflow: hidden;
                transition: all .65s ease;
                position: relative;
            }
            .blog-date{
                position: absolute;
                left: 0;
                bottom: 0;
                color: whitesmoke;
                font-size: 18px;
                text-align: center;
                font-weight: 400;
                font-family: 'Montserrat', sans-serif;
                padding: 3px;
                width: 35%;
                height: auto;
            }
            .blogs .img img{
                height: 100%;
                width: 100%;
                transition: all .65s ease;
            }
            .blog-text{
              height: auto;
              width: 100%;
              text-align: center;
              vertical-align: center;
              font-family: 'Montserrat', sans-serif;
              color: black;
              background-color: rgb(228, 228, 228);
              transition: all .5s ease;
            }
            .blog-text h3{
              font-size: 24px;
              font-weight: 200;
              height: 15%;
              padding: 10px;
              border: solid 3px #B5B2B2;
              letter-spacing: 1px;
            }
            .blog-text p{
                font-size: 15px;
                opacity: .9;
                font-weight: 200;
                height: 85%;
                padding: 20px;
                letter-spacing: 1px;
              }
            .blogs:hover .img{
                  transform: translateY(0%);
              }
            .blogs:hover .blog-text{
                transform: translateY(0%);
            }
}
      
.callbacks_container {
    margin-bottom: 50px;
    position: relative;
    float: left;
    width: 100%;
}
          
.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
          
.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
          
.callbacks img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}
          
          

          
.callbacks_nav.next {
    left: auto;
    background-position: right top;
    right: 0;
}