/* Change this breakpoint if you change the breakpoint of the navbar */

@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

/* Other styles for the page not related to the animated dropdown */

body.OLD {
  background: #007bff;
  background: linear-gradient(to right, #0062E6, #33AEFF);
}

body {
  background: #ffffff;
}



header.masthead {
  position: relative;
  background-color: #343a40;
  background: url("../img/p26n-beam-nbc_7813-CENTER.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 30rem;
  padding-bottom: 2rem;
}

header.masthead2 {
  position: relative;
  background-color: #343a40;
  background: url("../img/p26_stern_qtr_full_7777.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 30rem;
  padding-bottom: 2rem;
}

header.masthead3 {
  position: relative;
  background-color: #343a40;
  background: url("../img/zephry-wide-black-1.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 30rem;
  padding-bottom: 2rem;
}

header.masthead4 {
  position: relative;
  background-color: #343a40;
  background: url("../img/X-25_action-2000.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 30rem;
  padding-bottom: 2rem;
}

header.masthead5 {
  position: relative;
  background-color: #343a40;
  background: url("../img/dolphin_4c-2000.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 30rem;
  padding-bottom: 2rem;
}


header.masthead6 {
  position: relative;
  background-color: #343a40;
  background: url("../img/p26-strip_7813.jpg") no-repeat center center;
  background-size: auto;
  padding-top: 0rem;
  padding-bottom: 0rem;
}



header.masthead6 .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}



header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

header.masthead h1 {
  font-size: 2rem;
}


section.showcase {
 background-color: #1C3340;
}

.showcase .showcase-text {
  color: #FFFFFF;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
  background-position: center center;
}




/* Table styles*/

.bs-example{
    	margin: 20px 80px 20px 80px;
}
.bs-example a{
    color: white;
}

.bs-example-text {
    color: white;
}

.bs-example {
 background-color: #1C3340;
}


/* Responsive Google map*/
.map-responsive{
    overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:400px;
    width:100%;
    position:absolute;
}

#conatcat-info{
    padding: 25px;
}

#contact-page{
    padding: 25px;
}






/* Table styles*/