/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.navbar.navbar-inverse{
   background-color: #4cae4c;
   background-image: linear-gradient(to bottom, #fff 0%,#fff 100%);
   border-color: #cccccc;
}

.navbar.navbar-inverse{
   height: 60px;
}

.container.container-image {
   position: relative;
   background: #000 url("../img/front2.jpg") center center;
   width: 100%;
   height: 400px;
   background-size: cover;
   overflow: hidden;
}

.iframestyle{
   width: 100%;
   max-width: 590px;
   max-height: 250px;
   height: 250px;
}

.jumbotron.imageview{
   padding: 0 0;
}

.text-justify-xs {
   text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .text-justify-sm {
      text-align: center;
   }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
   .text-justify-md {
      text-align: left;
   }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   .text-justify-lg {
      text-align: left;
   }
}

.top-spacing{
   margin-top: 20px;
}

@media (min-width: 768px) {
   .col-sm-15 {
      width: 20%;
      float: left;
   }
}
@media (min-width: 992px) {
   .col-md-15 {
      width: 20%;
      float: left;
   }
}
@media (min-width: 1200px) {
   .col-lg-15 {
      width: 20%;
      float: left;
   }
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
   position: relative;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
}