div.espacio p {
        margin: 0px !important;
    }

    div.espacio {
        height: 400px;
    }

    div.espacio div.img_div {
        position: absolute;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }

    div.espacio {
      /* Add shadows to create the "card" effect */
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
      transition: 0.3s;
    }

    /* On mouse-over, add a deeper shadow */
    div.espacio:hover {
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

    /* Add some padding inside the card container */
    div.espacio {
      padding: 2px 16px;
    }

    @media only screen and (max-width: 978px){

      div.espacio {
        height: 450px;
    }
    }

    @media only screen and (max-width: 770px){

        div#principal div.espacio {
            display: inline-block;
            vertical-align: top;
        }
      div.espacio div.img_div {

      }

      div.espacio {
        vertical-align: top;
        /*height: 375px;
        width: 200px;*/
    }

    div.espacio p {
        font-size: 14px;
    }
    }

    @media only screen and (max-width: 570px){

        div.espacio p {
        font-size: 13px;
    }
      div.espacio {
        width: 310px;
        height: 365px;
    }
      /*div.espacio {
            height: 375px;
            width: 190px;
        }*
    }*/
    }

    @media only screen and (max-width: 400px){


      /*div.espacio {
            height: 375px;
            width: 190px;
        }*
    }*/
    }

     @media only screen and (max-width: 360px){

        div.espacio p {
        font-size: 13px;
    }
      div.espacio {
        /*width: 150px;*/
        height: 365px;
    }


    }