/* GENERELT */
html, body {
  height: 100%;
  text-align: center;
  overflow-x: hidden;
}

h1 {
  color: black;
  text-shadow:
    -2px -2px 0 lightgrey,
    2px -2px 0 lightgrey,
    -2px 2px 0 lightgrey,
    2px 2px 0 lightgrey;
}

h3 {
  color: black;
  text-shadow:
    -1px -1px 0 lightgrey,
    1px -1px 0 lightgrey,
    -1px 1px 0 lightgrey,
    1px 1px 0 lightgrey;
}

h5 {
  color: #fec97b;
}

p {
  color: #fec97b;
}

.nav{
    z-index: 1;
}

.navbar-collapse {
  justify-content: center;
}

.navbar-collapse {
  text-align: left;
}

@media (max-width: 767px) {
    .nav-link {
    color: white !important;
    text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
  }
}

/* FORSIDE */
.masthead {
  height: 100vh;
  min-height: 500px;
  background-image: url("../bilder/forside.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-info{
  background-color: rgba(255, 255, 255, .8) !important;
}

@media (max-width: 1100px) {
  .bg-light{
    background-color: transparent !important;
  }
}

/* KONTAKT */
.kontakt {
  background-color: #2f3652;
}

.kontaktTittel {
  color: #fec97b;
  text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}

.logoBilde {
  width: 90%;
}

.btn-light, .btn-light-focus .btn-light:active, .btn-light:visited {
  background-color: #fec97b !important;
  border-color: black !important;
  color: black !important;
}

.btn-light:hover {
  background-color: #ffefa0 !important;
}

/* OM OSS */
.omOss {
  background-color: #fec97b;
}

.omOssTittel {
  color: #2f3652;
  text-shadow:
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}

.omOssParagraf {
  color: #2f3652;
}

/* PROSJEKTER */
.prosjekter {
  background-color: #2f3652;
  height: auto;
  width: 100%;
  padding: 6% 12% 0% 12%;
}

.bg-primary {
  background-color: #272d42 !important;
  border-color: #272d42 !important;
}

.carousel, .item, .active {
  height: 100%;
}

@media (max-width: 1100px) {
  .carousel, .item, .active {
      height: auto;
  }
}

.carousel-inner {
  height: 100%;
}

@media (max-width: 1100px) {
  .carousel-inner {
      height: auto;
  }
}

@media (max-width: 1100px) {
  .carousel{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 5px solid #272d42;
    border-bottom: 5px solid #272d42;
  }
}

.carouselBackground{
  background-color: #2f3652;
}

.footer{
    color: #e0b36e;
    background-color: #2f3652;
    box-shadow: inset 0em 0 .5em  black;
}

.footer-prosjekter{
    color: #e0b36e;
    background-color: #23283d;
    box-shadow: inset 0em 0 .5em  black;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
}