/*!
 * Start Bootstrap - Modern Business (http://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;
}

h1 {
  font-size:2em;
}

h2 {
  font-size:1.5em;
}

small {
  font-size:70%;
}

span.navbar-brand {
  display:none; 
}

.carousel-item {
    height: 85vh;
    max-height: 22em;
    background: no-repeat center center scroll;
    /*background: no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navbar-brand img {
  position: fixed;
  top: 8px;
}

ul.navbar-nav.ml-auto {
  padding-top: 2em;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
  
  .navbar-brand {
    left: 0px;
    top: 0px;
    padding-top: 50px;
  }

  .navbar-brand span {
    color:rgba(255, 255, 255, .75);
    font-style: italic;
    padding-bottom: 0.2em;
  }

  .navbar.fixed-top > div.container {
    max-height: 40px;
  }

  .container {
    max-width: 1600px;
  }
  
  span.navbar-brand {
    display: table;
    color:rgba(255, 255, 255, .75) !important;
    font-style: italic;
    padding-bottom: 1em;
    padding-left: 8em;
  }

  .carousel-item {
    min-height: 300px;
    max-height: 50em;
  }

  ul.navbar-nav.ml-auto {
    padding-top: 0;
  }
}

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

.slogan1 {
  color: #4fcefc;
  text-shadow: 0 0 0.8em #8877FF, 0 0 0.8em #8877FF, 0 0 0.8em #8877FF;
}

.slogan2 {
  color: #ffffff;
  text-shadow: 0 0 0.8em #8877FF, 0 0 0.8em #8877FF, 0 0 0.8em #8877FF;
}

.slogan3 {
  color: #58b100;
  text-shadow: 0 0 0.8em #8877FF, 0 0 0.8em #8877FF, 0 0 0.8em #8877FF;
}

.slogan4 {
  color: #0069d9;
  text-shadow: 0 0 0.8em #8877FF, 0 0 0.8em #8877FF, 0 0 0.8em #8877FF;
}
 
.slogan5 {
  color: rgba(250, 82, 21, 0.67);
  text-shadow: 0 0 0.8em #8877FF, 0 0 0.8em #8877FF, 0 0 0.8em #8877FF;
}

.my-4 {
  color: #343a40;
  padding-bottom: 5em;
}