.shortcuts{
	overflow: hidden;
	width: 100%;
	 box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
}

      
      .slider-cat {
        animation: carousel 15s linear infinite;
        display: flex;
        flex-wrap: nowrap;
        width: calc(12 * 8rem);
        /* border:1px solid seagreen; */
      }
      .slider-cat > .shortcut {
        justify-content: center;
        margin: 0px auto;
        flex-shrink: 0;
        width: 6rem;
        /* border:1px solid red; */
      }
      @keyframes carousel {
        0% {
          transform: translate3d(0, 0, 0);
        }
        100% {
          transform: translate3d(calc(6 * -8rem), 0, 0);
        }
      }

      .comidas {background-image: url(../img/comidas.png);}
      .reposteria {background-image: url(../img/reposteria.png);}
      .market {background-image: url(../img/mercado.png);}
      .licoreria {background-image: url(../img/licoreria.png);}
      .farmacias {background-image: url(../img/farmacias.png);}
      .floreria {background-image: url(../img/floreria.png);}

      .shortcut {
        display: flex;
        flex-flow: column nowrap;
        width: 6rem;
        height: 8.5rem;
        margin: 0.8rem 1rem;
        transition: all 0.3s ease;
      }
      .shortcut:hover {
          transform: scale(0.9);
      }

      .shortcut > .back {
        width: 6rem !important;
        height: 6rem !important;

        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        overflow: hidden;
      }

      .shortcut > .cat {
        text-align: center;
        font-weight:900;
		color: rgb(29, 26, 26);
        margin-top: 0.5rem;
        /* font-family: "Baloo 2", cursive; */
        font-size: 1.1rem;
      }

			@media screen and (min-width: 780px) {
				.slider-cat {
					animation: none;
					display: flex;
					flex-wrap: nowrap;
					width: 100%;
					justify-content: space-around;

					/* border:1px solid seagreen; */
				}
				.hide-cat{
					display: none;
				}
				
			}