/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

.navbar-brand{
  display:inline-block;
  padding-top:.3125rem;
  padding-bottom:.3125rem;
  margin-right:3rem;
  font-size:1rem;
  line-height:inherit;
  white-space:nowrap
}

.header-img{
  height: 20px;
}


@media all and (min-width:1200px){
  .navbar-brand{
    font-size:1.5rem;
    margin-right:3rem;
  }
  .header-img{
    height: 25px;
  }
  .carousel-item {
    height: 65vh;
    background: no-repeat center center scroll;
    background-size: cover;
  }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
  body {
    padding-top: 56px;
  }
  .navbar-brand{
    font-size:1.3rem;
    margin-right:1rem;
  }
  .header-img{
    height: 25px;
  }
  .carousel-item {
    width: 100%
    height: 0;
    padding-top: 56.84%;
    background: no-repeat center center scroll;
    background-size: contain;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  body {
    padding-top: 56px;
  }
  .navbar-brand{
    font-size:1.3rem;
    margin-right:22rem;
  }
  .header-img{
    height: 25px;
  }
  .carousel-item {
    width: 100%;
    height: 0;
    padding-top: 56.84%;
    background: no-repeat center center scroll;
    background-size: contain;
  }
}

@media all and (max-width: 767px){
  body {
    padding-top: 56px;
  }
  .navbar-brand{
    font-size:1.3rem;
    margin-right:11rem;
  }
  .header-img{
    height: 25px;
  }
  .carousel-item {
    width: 100%
    height: 0;
    padding-top: 56.84%;
    background: no-repeat center center scroll;
    background-size: contain;
  }
}

@media all and (max-width: 599px) {
  body {
    padding-top: 56px;
  }
  .navbar-brand{
    font-size:1.3rem;
    margin-right:11rem;
  }
  .header-img{
    height: 25px;
  }
  .carousel-item {
    width: 100%
    height: 0;
    padding-top: 56.84%;
    background: no-repeat center center scroll;
    background-size: contain;
  }
}

@media all and (max-width: 479px) { 
  body {
    padding-top: 56px;
  }
  .navbar-brand{
    font-size:1rem;
    margin-right:5rem;
  }
  .header-img{
    height: 25px;
  }
  .carousel-item {
    width: 100%
    height: 0;
    padding-top: 56.84%;
    background: no-repeat center center scroll;
    background-size: contain;
  }
}

@media all and (max-width: 375px) { 
  body {
    padding-top: 56px;
  }
  .navbar-brand{
    font-size:1rem;
    margin-right:2rem;
  }
  .header-img{
    height: 25px;
  }
  .carousel-item {
    width: 100%
    height: 0;
    padding-top: 56.84%;
    background: no-repeat center center scroll;
    background-size: contain;
  }
}

@media all and (max-width: 321px) { 
  body {
    padding-top: 56px;
  }
  .navbar-brand{
    font-size:0.9rem;
    margin-right:1rem;
  }
  .header-img{
    height: 20px;
  }
  .carousel-item {
    width: 100%
    height: 0;
    padding-top: 56.84%;
    background: no-repeat center center scroll;
    background-size: contain;
  }
}

#herovideo {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
}

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

.bg-orange {
  background-color: #f79427;
}

.border-orange {
  border-color: #f79427;
}

.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}

.carousel-caption {
  text-shadow: 2px 2px 2px #1f1c00;
}