<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
  padding-top: 56px;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-item .img-fluid {
  width:100%;
  height:100%;
}

.portfolio-item {
  margin-bottom: 30px;
}
  
  
.carousel-inner &gt; .item {
  height: 400px;
}

.view,
    body,
    html {
      height: 100%;
    }

    .carousel {
      height: 50%
    }

    .carousel .carousel-inner,
    .carousel .carousel-inner .active,
    .carousel .carousel-inner .carousel-item {
      height: 100%
    }

    @media (max-width:776px) {
      .carousel {
        height: 100%
      }
    }

    .navbar {
      background-color: rgba(0, 0, 0, .2);
    }

    .page-footer,
    .top-nav-collapse {
      background-color: #929FBA
    }

    @media only screen and (max-width:768px) {
      .navbar {
        background-color: #929FBA
      }
    }

html,
body,
header,
.carousel {
  height: 60vh;
}
@media (max-width: 740px) {
  html,
  body,
  header,
  .carousel {
    height: 100vh;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .carousel {
    height: 100vh;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
        .navbar:not(.top-nav-collapse) {
            background: #929FBA!important;
        }
    }
.navbar{
  margin-bottom: 0 !important;
  border: 0 !important;
  }

nav .navbar-nav li a{
  color: black !important;
  }</pre></body></html>