body, html {
  height: 100%;
    background-color: #040309;
  }

  .bg {
    /* The image used */
    background-image: url("assets/img/Header1.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

.bg-black {
  background-color: #040309;
}
  @font-face {
      font-family: 'camingocoderegular';
      src: url('assets/fonts/CamingoCode-Regular-webfont.eot');
      src: url('assets/fonts/CamingoCode-Regular-webfont.eot?#iefix') format('embedded-opentype'),
           url('assets/fonts/CamingoCode-Regular-webfont.woff') format('woff'),
           url('assets/fonts/CamingoCode-Regular-webfont.ttf') format('truetype'),
           url('assets/fonts/CamingoCode-Regular-webfont.svg#camingocoderegular') format('svg');
      font-weight: normal;
      font-style: normal;

  }

.nav-item {
  font-family: camingocoderegular;
  font-size: 120%;
}

nav .navbar-nav li a{
  color: white !important;
  }

.font {
    font-family: camingocoderegular;
}
.icons {

  width: 5rem;
  padding-bottom: 10px;

}
@media (max-width: 575.9px) {
  .icons   {
    width: 3rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .carousel-inner img, .carousel-inner embed-responsive {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-top: 4rem;
  }
}

@media (min-width: 768px) {
  .carousel-inner img, .carousel-inner embed-responsive {
    margin: 0 auto;
    width: 65%;
    height: 100%;
    padding-top: 4rem;
  }
 }

@media (min-width: 992px) {
  .carousel-inner img, .carousel-inner embed-responsive {
    margin: 0 auto;
    width: 50%;
    height: 100%;
    padding-top: 4rem;
  }
 }

 @media (min-width: 1200px) {
   .carousel-inner img, .carousel-inner embed-responsive {
     margin: 0 auto;
     width: 50%;
     height: 100%;
     padding-top: 1rem;
   }
  }

  .carousel-inner img, .carousel-inner embed-responsive {
    margin: 0 auto;
    width: 50%;
    height: 100%;

}




.icons:hover {
  opacity: 0.5;
}

.app-footer {
  background-color: #064168;
}


.modal-content  {
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
}

@media (max-width: 575.9px) {
  .icons   {
    width: 3rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}

#bio {
  display: none;
  font-size: 0.9rem;
}

#video {
  display: none;
}

#konserter {
  display: none;
}


.clickable {
     cursor:pointer;
  }



      @media (max-width: 575.9px) {
        #carouselIndicators {
          display: none;
        }}

        @media (max-width: 1000px) {
          #carouselIndicators {
            display: none;
          }}

.subscribe {
  font-size: 120%;
  background-color: #064168;
  border: none;
}

.subscribe:hover {
  background-color: #f25cde;

}

@media (max-width: 575.9px) {
  .subscribe   {
    padding-bottom: 0;
    margin-bottom: 0;
  }