@import url('https://fonts.googleapis.com/css2?family=Epilogue&family=Grenze+Gotisch&display=swap');
body {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  color: #000;
  position: relative;
  min-height: 100vh;
}

figure {
margin: 0px !important;
}

.ancr-close {
	color: #fff !important;
}

#logo {
  height: 40px;
}

.bg-menu-red {
  background-color: #560c11 !important;
}

.round-img{
  width:140px;
  height:140px;
  background-position:center;
  background-size:cover;
  border-radius:75%;
  margin: 0 auto;
}

nav {
  font-family: 'Epilogue', sans-serif;
  color: #fff !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  letter-spacing: 1px;
}

.old-gold {
  background-color: #c3904c;
  color: #fff;
  border-color: #fff;
}

h1,h2 {
  padding-top: 1.5rem;
  font-family: 'Grenze Gotisch', cursive;
  color: #c3904c;
}

#text {
  position: relative;
  transform: rotate(-8deg);
  font-size: 3vw;
  top: 80px;
}

button {
  margin-left: 20px;
}

main {
  height: auto;
  min-height: 100%;
}
footer {
  position: absolute;
  margin-top: 2rem;
  width: 100%;
  height: auto;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19);
  color: #fff;
  background-color: #002e53 !important;
}
footer h3 {
  text-transform: uppercase;
  font-size: 1.25rem;
}

.pt-4 {
  
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

#mycarousel {
  
  min-height: 80vh;
}

.sponsor img {
  filter: grayscale(100%);
}

.sponsorer {
  position: absolute;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #fff !important;
  height: auto;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */

.carousel-caption {
  z-index: 10;
  top: 19rem;
  right: 90rem;
  padding: 2px;
  max-width: 550px;
  width: 250px;
}
/* Declare heights because of positioning of img element */
.carousel-item {
  height: 95vh;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 95vh;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 95vh;
}

.carousel-inner{
  width: 100%;
  height: 95vh;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
  background-color: #3344ff;
  color:#c3904c;
}
.nav-item:hover {
  color: #c3904c !important;
}

#myCarousel h1 {
  color: #fff;
  font-size: 4rem;
}
#myCarousel h2 {
  color: #fff;
  font-size: 2rem;
}

#myCarousel {
  min-height: 95vh;
 }

.fill{width:100%;height:100%;background-position:top center;background-size:cover;}


/* MENU
-------------------------------------------------- */

.navbar-custom {
  background-color: #ff5500;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: #fff;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: #fff;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #c3904c;
}

#menu-hovedmeny {
  padding-right: 10px;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: left;
}
.marketing h1,.marketing h2 {
  font-weight: normal;
  text-align: center;
}
.marketing .btn-readmore {
  text-align: center;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Links
-------------------------------------------------- */
body a {
	color: #c3904c !important;
}

#footer a {
	color:#ffffff !important;
	text-decoration: underline;
}

nav a {
	color:#ffffff !important;
	text-decoration: none;
}

/* Buttons
-------------------------------------------------- */
.btn {
  letter-spacing: 2px;
}

.btn-primary{color:#fff;background-color:#c3904c !important;border-color:#B8833D}
.btn-primary:hover{color:#fff;background-color:#B8833D;border-color: #c3904c}
.btn-primary:hover{color:#fff;background-color:#B8833D;border-color: #c3904c}
.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem #B8833D}
.btn-primary.disabled,
.btn-primary:disabled{color:#fff;background-color:#c3904c;border-color:#B8833D}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#c3904c;border-color:#000}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #B8833D;background-color:#c3904c }

.btn-outline-primary{color:#c3904c;background-color:transparent;background-image:none;border-color:#c3904c}
.btn-outline-primary:hover{color:#222;background-color:#B8833D;border-color:#c3904c}
.btn-outline-primary:focus,
.btn-outline-primary.focus{box-shadow:0 0 0 .2rem #c3904c}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled{color:#c3904c;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#B8833D;border-color:#c3904c}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem #c3904c;background-color:#c3904c}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}