.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      
      
.item img {
    display: block;
    width: 100%;
    margin: auto;
    border-radius: 12px;
    transition: .3s ease-in-out;
}
/* .item img:hover {
    box-shadow: 0 1px 3px 0 rgb(142 142 142 / 51%), 0 4px 8px 3px rgb(171 171 171 / 80%);
}

.item.order img:hover {
    box-shadow: 0 1px 3px 0 rgb(0 143 255 / 44%), 0 4px 8px 3px rgb(0 143 255 / 43%);
}

.item.comingsoon img:hover {
    box-shadow: 0 1px 3px 0 rgb(236 28 15 / 46%), 0 4px 8px 3px rgb(236 28 15 / 43%);
} */


.col-4  {
    padding: 0;
}

.item {
    margin: 15px;
    transition: ease-in-out .2s;
    
    
}
 
@media screen and (max-device-width: 320px) {.item {
    margin: 10px 5px;
     } }


     body  { padding-top: 5rem; width: 100%;
    overflow-x: hidden; background-repeat: no-repeat;  background-size: cover!important; background-position: center; margin: 0;  -webkit-animation: color-change-2x 3s linear infinite alternate both;
         animation: color-change-2x 3s linear infinite alternate both;
         }
         @-webkit-keyframes color-change-2x {
         0%,40% {
         background: url(/img/bg_1.jpg);  
         }
         60%, 100% {
         background: url(/img/bg_2.jpg);  
         } 
         }
         @keyframes color-change-2x {
         0%,40% {
         background: url(/img/bg_1.jpg);  
         }
         60%,100% {
         background: url(/img/bg_2.jpg);  
         }
         }
         


 
img.restec {
         height: 25px;
         margin-left: 5px;
         margin-bottom: 11px;
         }


 .footer p {
    margin: auto;
    color: #fff;
}.footer {
    text-align: center;
}


@media (min-width: 1200px) {
.container {
    max-width: 600px;
} }

@media (min-width: 992px) {
.container {
    max-width: 600px;
} }
 
 .comingsoon:before {
    content: "";
    height: 42px;
    width: 75px;
    position: absolute;
    background: url(/img/comingsoon.svg) no-repeat;
    background-size: 70px;
    left: 8px;
    top: 14px;
}

 .order:before {
    content: "";
    height: 42px;
    width: 75px;
    position: absolute;
    background: url(/img/order.svg) no-repeat;
    background-size: 70px;
    left: 8px;
    top: 14px;
}


@media (max-width: 320px) {


.comingsoon:before { 
    background-size: 50px;
    left: 0px;
    top: 9px;
}


.order:before { 
    background-size: 50px;
    left: 0px;
    top: 9px;
}


}


.col-4.col-md-3.col-lg-3:hover {
    margin-top: -7px;
    
}

.col-4.col-md-3.col-lg-3 {
    -webkit-transition: margin-top .2s ease-out;
    -moz-transition: margin-top .2s ease-out;
    -o-transition: margin-top .2s ease-out;
     transition: margin-top .2s ease-out;
}