/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body {
  padding-top: 35px;
}
.carousel-item-main {
  
  height: 900px;
  min-height: 300px;
  width: 100%;
  background: no-repeat center top scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  animation: 40s ease-in-out 0s 100 zoomIn;
  background-attachment: scroll;
  transform-origin: top right;
}

.carousel-caption {
  font-size: large;
  top:20%;
}

.back_image {
  /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,  rgba(255, 255, 255,0) 97%, rgba(255, 255, 255,0.8) 98%,rgba(255, 255, 255, 1) 100%),url(/img/title_img_final.JPG)*/
  background-image: url('/img/title_img_final.JPG')
}

.portfolio-item {
  margin-bottom: 0px;
}

#second_button {
  display: none;
}

@media all and (max-width: 768px) {
  #second_button {
    display: block;
  }

}

@media all and (max-width: 768px) {
  .carousel-item-main {
    background-position: center;
    height: 500px;
    min-height: 200px;
    width:100%
  }

  .secondary-btns {
    float: right;
    height: 50px;
    padding: 15px 15px;
    line-height: 20px;
  }
  .back_image {
    background-image: url('/img/title_img_mobile.JPG')
  }
  

}

/*
.carousel-item:hover {
  background-size: 120% 120%
}*/

@keyframes zoomIn {
  0% {
    transform: scale(1,1);
  }
  50% {
    transform: scale(1.1,1.1);
  }
  100% {
    transform: scale(1,1);
  }
}