@import url("navbar-primary.css"); 
@import url("contact-primary.css"); 
@import url("testimonial.css");

.img_small_screen {
  max-width: 200px;
}

.jumbotron {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/product-photo-prints.jpg') no-repeat 32% 0%;
    background-size: cover;
}

@media (min-width: 1200px) {
  .jumbotron {
    background-position: 0% 0% !important;
  }
}

hr {
  border-color: #f08;
}

.script-text {
  font-family: 'Pattaya', sans-serif;
}

#coverCarousel .carousel-inner img {
  width: 100%;
  margin: auto;
}

#coverCarousel .carousel-caption {
  background-color: rgba(0, 0, 0, 0.2);
  width: 350px;
  margin: auto;
  /*border-radius: 8px;*/
}

#coverCarousel .carousel-caption p {
  font-size: 90%;
  font-weight: 200;
}

#coverCarousel .carousel-control.right, #coverCarousel .carousel-control.left {
  background-image: none;
}

#company h1 {
  letter-spacing: 8px;
}

#company p {
  font-weight: 400;
  letter-spacing: 3px;
}

#company .btn {
  background-color: #fff;
  color: #333;
  transition: .5s;
}

#company .btn:hover {
  color: #fc0 !important;
}

#company .glyphicon.logo {
  color: #fff;
  font-size: 1000%;
  margin: 20px 0;
}

#company .logo-txt {
  color: #333;
  margin: 20px 0;
  line-height: -300px;
}

#news {
  padding: 20px 30px;
}

#products h2 {
  color: #f08;
}

#products h3 {
  margin-bottom: 50px;
}

#products {
  padding-bottom: 40px;
}

#product-misc {
  color: #333;
  background-color: #eee;
  padding: 20px 30px;
  transition: .5s;
}

#product-misc:hover {
  background-color: #ccc;
}

#ordering {
  padding-bottom: 0;
}

#ordering .btn {
  background-color: #f08;
  color: #fff !important;
  transition: .5s;
}

#ordering .btn:hover {
  opacity: .8;
}

.img-circle-product {
  border: 10px solid transparent;
}

.img-circle-product:hover {
  transition: .5s;
  opacity: 1;
  border-color: #ddd;
}

@media (min-width: 1080px) {
  /* Destop */
  .img-circle-product {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
  }
  .img-circle-product:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
  }
}