/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900');

html,
body,
.view {
  height: 100%;
  font-family: 'Raleway';
  background-color: #000;
}

#carousel2{
  display: none;
}

/* Full Page Carousel itself*/
.carousel {
  height: 500px !important; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }


.fa-chevron-right:before, .fa-chevron-left:before {
    text-shadow: 2px 2px 4px #000000;
}

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 1); }

.top-nav-collapse {
  background-color: #111111; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; }
  #carousel2{
  display: block;
  }
  #carousel1{
    display: none;
  }
  #second-col-about{
    margin-top: 20px;
  }
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #111; }

.card-body{
  min-height:350px;
}
main{
  /*background-color: #000;
  min-height: 450px;*/
}
.card.card-cascade.narrower .view.view-cascade {
    margin-left: 30%;
    margin-right: 30%;
}
.card.card-cascade.narrower {
    background-color: #263238;
}
.card-title{
  color: #fff;
}
.card .card-body .card-text {
    color: #999;
}

/* Makes images fully responsive */

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------- Carousel Styling ------------------- */

.carousel-inner {
  border-radius: 0px;
}

.carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

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


/* ------------------- Section Styling - Not needed for carousel styling ------------------- */