/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#logo a img {
    padding:10px;
}

.product-image {
    position: relative;
}
.product-image a .overlay {
    position: absolute;
    width:100%;
    height: 100%;
    text-align: center;
    line-height:25rem;
    color:#FFF;
    font-size: 35px;
    font-weight: bold;
    text-shadow: 2px 2px #000;
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {.modal-lg {width:700px;}
    .product-image a .overlay {
        line-height:10rem;
        font-size: 20px;

    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .product-image a .overlay {
        line-height:22rem;
        font-size: 35px;

    }
}
.product-title h4 small {
    font-weight: 100;
}

.bg-pink {
    background: rgba(254,24,97,0.5);
}
.bg-blue {
    background: rgba(12,123,225,0.5);
}
.bg-yellow {
    background: rgba(248,196,0,0.5);
}.bg-green {
     background: rgba(151,207,0,0.5);
 }

 .bg-color-white {
     background-color: #FFF!important;
 }

.bg-cat-1 {
    background-color: #2cc9d8;
   /*background: url(../assets/images/bg-cat-1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}
.bg-cat-2 {
    background: url(../assets/images/bg-cat-2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-cat-3 {
    background: url(../assets/images/bg-cat-3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-cat-4 {
    background: url(../assets/images/bg-cat-4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}