body, html {
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #000000;
	font-weight: 400;
	width: 100% !important;
	height: 100% !important;	
}

h1 {
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 60px;
	font-weight: 700;
}

h2 {
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: left;
	font-size: 40px;
	font-weight: 400;
}

h3 {
	/* font-family: 'Courier New', monospace; */
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: left;
	font-size: 23px;
}

p {
	text-align: left;
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
	color: rgb(0,0,0);
}

.container{
	width: 80%;
}

a:hover, a:focus {
	text-decoration: none;
}

/* Navigation */
#menu {
	padding: 20px;
	transition: all 0.8s;
}
#menu.navbar-default { /* Bakgrunnsfarge meny */
	background: rgba(7, 60, 84, 0.838);
	border-color: rgba(7, 60, 84, 0.838);
}

#menu a.navbar-brand { /* LOGO meny */
	font-family: 'Garamond', serif;
	font-size: 30px;
	font-weight: 700;
	color: rgb(255, 248, 235);
	text-transform: uppercase;
}


#menu.navbar-default .navbar-nav > li > a {
	font-family: 'Courier New', monospace;
	text-transform: uppercase;
	color: rgb(255, 248, 235);
	font-size: 20px;
	font-weight: 400;
	padding: 8px 1px;
	border-radius: 0;
	margin: 9px 27px 0 20px;
	word-spacing: -5px;
	
}
#menu.navbar-default .navbar-nav > li > a:after {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	height: 1.5px;
	background-color: rgb(255, 248, 235);
	content: "";
	transition: width 0.5s;
}
#menu.navbar-default .navbar-nav > li > a:hover:after {
	width: 100%;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	border-color: transparent;
	
}

.navbar-default .navbar-nav > .active > a:after, .navbar-default .navbar-nav > .active > a:hover:after, .navbar-default .navbar-nav > .active > a:focus:after {
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -1px !important;
	width: 100% !important;
	height: 1.5px !important;
	background-color: rgb(255, 248, 235) !important;
	content: "" !important;
	transition: width 0.5s !important;
}

.navbar-default .navbar-toggle{
	background-color: transparent;
	border-color: transparent;
}

.navbar-toggle {
	border-radius: 0;
	border-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
	border-color: transparent;
}

.navbar-default .navbar-toggle> .icon-bar{
	color: rgb(255, 248, 235);
	transition: 0.5s;
}

.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: rgb(255, 248, 235) ;
}


.flag-switch {

  width: 60px;
  height: 34px;
  margin-top: -20%;
  margin-left: 20%;
}

.flag-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.flag-switch label {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(7, 60, 84);
  border-radius: 34px;
  /* border: 1px solid rgb(255, 248, 235); */
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.flag-switch .flag {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  transition: opacity 0.3s ease;
  border-radius: 50%;
  border: 1px solid rgb(7, 60, 84);
}

/* Show Norwegian flag by default (on left) */
.flag-switch .no-flag {
  left: 8px;
  opacity: 0.9;
}

/* English flag is hidden initially (on right) */
.flag-switch .en-flag {
  right: 8px;
  opacity: 0.9;
}



@media screen and (max-width: 1440px) {
	#menu.navbar-default .navbar-nav > li > a {
		font-family: 'Courier New', monospace;
		text-transform: uppercase;
		color: rgb(255, 248, 235);
		font-size: 20px;
		font-weight: 400;
		padding: 8px 1px;
		border-radius: 0;
		margin: 9px 10px 0 10px;
		
	}
}

@media (max-width: 992px) { /* Adjust breakpoint as needed */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        display: none !important;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-collapse.in {
        display: block !important;
    }
}




/* Header Section */

.intro {
	width: 100%;
	background: url(../img/clouds1.jpg) center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}



.intro h1{
	padding-top: 280px;
	font-size: 150px;
	color: rgb(255, 248, 235);
	text-shadow:  3px 2px 2px rgb(0,0,0);
}


.intro h2{
	text-align: center;
	padding-bottom: 35px;
	margin-top: -20px;
	font-size: 29px;
	font-weight: 700;
	color: rgb(255, 248, 235);
	text-shadow:  3px 2px 2px rgb(0,0,0);
}

.intro h3{
	font-family: 'Courier New', monospace;
	font-weight: 500;
	text-align: center;	
	font-style: italic;
	font-size: 30px;
	color: rgb(255, 248, 235);
	text-shadow:  3px 2px 2px rgb(0,0,0);
}

.intro .overlay {

	height: 100%;
}

.intro .overlay2 {
	background: rgba(0, 0, 0, 0.345);
	height: 100vh;
	width: 100%;
	margin-top: -20px;
	margin-left: 20px;
}

.intro img{
	padding-top: 280px;
	padding-bottom: 20px;
	position: center;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
  }


  @media screen and (max-width: 1024px) {
	.intro {
		background-attachment: scroll;
		background-size: 300%;
	  }
  }

@media screen and (max-width: 767px) {
	.intro {
		height: 85vh;
		width: 100%;
	}
	
	.intro .overlay2 {
		background: rgba(0, 0, 0, 0.345);
		height: 85vh;
		width: 90%;
		margin-top: -22px;
	}

	.intro h1{
		padding-top: 200px;
		font-size: 120px;
	}

	.intro h3{
		font-size: 25px;
	}
}



  @media screen and (max-width: 375px) {
	.intro {
		height: 70vh;
		width: 100%;
	}
	
	.intro .overlay2 {
		background: rgba(0, 0, 0, 0.345);
		height: 70vh;
		width: 90%;
		margin-top: -22px;
	}

	.intro h1{
		padding-top: 140px;
		font-size: 100px;
	}

	.intro h3{
		font-size: 25px;
	}
}


/* ------------------ OM AIR ------------------ */
#about {
	background: rgb(255, 248, 235);
	/* min-height: 50%; */
	max-width: 100%;
	overflow-x: hidden;
}

#about h1{
	text-align: left;
	padding: 0 0 1% 0; /* top, right, bottom, left */
	margin: 20% 0 0 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);	
}

#about h2 {
	padding: 3% 0 1% 0; /* top, right, bottom, left */
	margin: 0 0 1% 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);
	font-size: 40px;
}

#about .kortere{
	margin-top: -2%;

}

#about .line {
	width: 100%;
	margin-left: -8%;
	border: 1.5px solid rgb(7, 60, 84);
}

#about strong{
	font-size: 40px;
}

#about .row_about{
	display: flex; /* Make it a flex container */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Ensure text is centered */
	
}



#about .picture {
	border-radius: 5px;
	width: 95%;
	background-size: contain;
}




#about .picture2 {
	/* background: url(../img/air3.jpg) no-repeat; */
	border-radius: 5px;
	/* height: 45vh; */
	width: 95%;
	margin-top: 10%;

	/* margin-top: 22%; */
	/* background-size: contain; */
}



#about .row1{
	padding-bottom: 10%;
}

#about .stripe{
	background: rgba(7, 60, 84, 1);
	height: 30vh;
	width: 100%;
	/* margin-left: -20%; */
	overflow-x: hidden;
	
}

#about .kursiv{
	font-style: italic;
}

.item-1, 
.item-2{
	position: relative;
	display: block;
  	width: 50%;
	color: rgb(255, 248, 235);
	animation-duration: 45s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-11{
	padding-top: 4%;
}

.item-12{
	text-align: right;
}

.item-2{
	animation-name: anim-2;
}

.item-21{
	margin-top: -8%;
}

.item-22{
	text-align: right;
}


@keyframes anim-1 {
	0%, 5% { left: -100%; opacity: 0; }
	5%, 45% { left: 25%; opacity: 1; }
	50%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0% {left: -100%; opacity: 0; }
	50%, 55% { left: -100%; opacity: 0; }
  	55%, 95% { left: 25%; opacity: 1; }
 	100% { left: 110%; opacity: 0; }
}

#about .row2{
	padding-top: 5%;
	padding-bottom: 5%;
}

#about .anniren{
	padding-top: 5%;
	/* padding-bottom: 2%; */
}

#about .social i.fa {
	font-size: 50px;
	padding: 0px 0;
	color: rgb(7, 60, 84);
	transition: all 0.3s;
}
#about .social i.fa:hover {
	color: rgb(98, 137, 168);
}


@media screen and (min-width: 2000px) {

	#about .stripe{
		height: 40vh;
		width: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.item-11{
		margin-top:0%;
	}
	
	.item-21{
		margin-top: -8%;
	}


}


@media screen and (min-width: 1600px)  {
	#about .picture {
		margin-top: -20%;
	}

	#about .picture2 {
		margin-top: 0%;
	}

	.item-21{
		margin-top: -5%;
	}

	
}

@media screen and (max-width: 1110px) {
	#about .line {
		width: 150%;
		margin-left: -10%;
	}

	#about .stripe{
		height: 40vh;
		width: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.item-11{
		margin-top:5%;
	}

	
	
	.item-21{
		margin-top: -15%;
	}


  }


@media screen and (max-width: 1023px) {
	#about .line {
		width: 100%;
		margin-left: -2%;
	}

	#about .picture{
		width: 100%;
		margin-top: 5%;

	}

	#about .stripe{
		height: 50vh;
		width: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.item-11{
		margin-top:12%;
	}

	.item-22, 
	.item-12{
		text-align: left;
	}
	
	.item-21{
		margin-top: -30%;
	}
  }


@media screen and (max-width: 767px) {
	#about {
		background: rgb(255, 248, 235);
		/* min-height: 50%; */
		max-width: 100%;
		overflow-x: hidden;
	}
	
	#about h1 {
		/* font-size: 30px; */
		text-align: center;
	  }

	#about h2{
		font-size: 35px;
	}

	#about .line {
		width: 100%;
		margin-left: 0%;
		border: 1.5px solid rgb(7, 60, 84);
	}

	#about .picture{
		width: 100%;
		margin-top: 5%;

	}

	#about .stripe{
		height: 70vh;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.item-11{
		margin-top: 30%;
	}

	.item-22, 
	.item-12{
		text-align: left;
	}
	
	.item-21{
		margin-top: -90%;
	}

	#about .anniren{
		margin-top: 5%;
		/* padding-bottom: 2%; */
	}

	#about .picture2 {
		width: 90%;
	}

	#about .center_img{
		height: 35vh;
	}



	/* #about .picture2{
		height: 240px;
	} */

	

	#about .row2{
		margin-top: -10%;
	}


  }

  @media screen and (max-width: 424px) {
	#about .stripe{
		height: 80vh;
		width: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	.item-11{
		margin-top:45%;
	}

	.item-22, 
	.item-12{
		text-align: left;
	}
	
	.item-21{
		margin-top: -115%;
	}
  }

  @media screen and (max-width: 374px) {
	#about .stripe{
		height: 80vh;
		width: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	
	.item-21{
		margin-top: -155%;
	}
  }

  /* @media screen and (min-width: 768px) and (max-width: 1024px) {
	#about .p1 {
		margin-top: -150px;
	  }

	  #about .stripe{
		  width: 150%;
		  overflow-y: hidden;	  
	  }

	  #about .p1 {
		margin-top: -250px;
	  }
  
	  #about .row2{
		  margin-top: -10%;
	  }
  
	  #about .line{
		  width: 50%;
	  }
  } */


/* ------------------ Tjenester ------------------ */
#tjenester {
	background: rgb(7, 60, 84, 1); /* 0.838 */
	min-height: 110%;
}

#tjenester h1{
	padding: 0 0 0.5% 0; /* top, right, bottom, left */
	margin: 10% 0 0 0; /* top, right, bottom, left */
	color: rgb(255, 248, 235);
	text-align: center;
}

#tjenester h2{
	padding: 0; /* top, right, bottom, left */
	margin: 0% 0 1% 0; /* top, right, bottom, left */
	color: (7, 60, 84, 1);
	/* word-spacing: 10px; */
	letter-spacing: 1px;
	text-align: center;
}

#tjenester h3 {
    margin: 0;
	font-size: 22px;
	letter-spacing: 1px;
    color: rgb(255, 248, 235);
    
    display: flex; 
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    text-align: center; /* Ensures multi-line text is centered */
    height: 100%; /* Make sure the parent has a defined height */
    width: 100%; /* Ensures full width if needed */
}


#tjenester .line {
	width: 100%;
	border: 1.5px solid rgba(255, 248, 235, 1); 
	margin: 0;
	
}

#tjenester .row{
	padding-bottom: 1%;
}

#tjenester .pad{
	padding-bottom: 3%;
}




#tjenester .container-small{
	background-color: rgba(255, 248, 235, 1);
	border-radius: 5%;
	padding: 2% 1% 2% 1%;
}

#tjenester .overlay {
	height: 170px;
	border-radius: 5px;
	transition: 0.5s;
	
}


#tjenester .overlay:hover {
	transform: scale(1.03); 
}


#tjenester .overlay1 {
	background: url(../img/gradient7.png) center no-repeat; 
	background-size: cover;
}

#tjenester .overlay2 {
	background: url(../img/gradient5.png) center no-repeat; 
	background-size: cover;
}

#tjenester .overlay3 {
	background: url(../img/gradient2.png) center no-repeat; 
	background-size: cover;
}

#tjenester .overlay4 {
	background: url(../img/gradient6.png) center no-repeat; 
	background-size: cover;
}

#tjenester .container-tre{
	display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Aligns items to the bottom */
    height: 100%; /* Ensure the container has a height */
	padding-top: 10%;
}




#tjenester .tre_img{
	width: 50%;
	background: rgba(7, 60, 84, 1);
}

#tjenester .tre {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Aligns items to the bottom */
    height: 100%; /* Ensure the container has a height */
	margin-top: -12%;
}


#tjenester .less{
	font-size: 30px;
	letter-spacing: 1px;
}


@keyframes slide {
	from {
		transform:translateX(-100%);
	}
	to {
		transform: translateX(0);
	}
}

.logos {
	overflow: hidden;
	padding: 40px 0;
	white-space: nowrap;
	margin-top: 60px;
}

.logos-slide {
	display: inline-block;
	animation: 15s slide infinite linear;
}

.logos-slide img {
	height: 80px;
	margin: 0 100px;
}

#tjenester .logos h2{
	/* margin-top: 7%; */
	color: rgb(255, 248, 235);
	/* padding-left: 35%; */
	padding-bottom: 2%;
	text-align: center;
}

@media screen and (min-width: 2000px) {
	#tjenester .tre_img{
		margin-top: -150px;
	}	
}

@media screen and (max-width: 1439px) {
	#tjenester .line {
		width: 150%;
		margin-left: -25%;
	}

	#tjenester .less{
		font-size: 20px;
	}
	
	#tjenester h2{
		font-size: 25px;
	}
	
	#tjenester h3 {
		font-size: 20px;
	}
}


@media screen and (max-width: 1023px) {
	#tjenester .line {
		width: 100%;
		margin-left: 0%;
	}
	#tjenester .less{
		font-size: 30px;
	}

	#tjenester h2{
		font-size: 40px;
	}
	
	#tjenester h3 {
		font-size: 30px;
	}

	#tjenester .tre_img{
		margin-top: -20px;
		margin-bottom: 20px;
	}	


}


@media screen and (max-width: 767px) {

	#tjenester .less{
		font-size: 25px;
	}

	#tjenester h2{
		font-size: 30px;
	}
	
	#tjenester h3 {
		font-size: 25px;
	}


}

@media screen and (max-width: 424px) {

	#tjenester .less{
		font-size: 20px;
	}

	#tjenester h2{
		font-size: 25px;
	}
	
	#tjenester h3 {
		font-size: 20px;
	}

	#tjenester h1 {
		font-size: 45px;
	}
}

@media screen and (max-width: 374px) {
	#tjenester .less{
		font-size: 18px;
	}

	#tjenester h2{
		font-size: 24px;
	}
	
	#tjenester h3 {
		font-size: 18px;
	}

	#tjenester h1 {
		font-size: 45px;
	}
}


  

/* ------------------ Hvordan jeg jobber ------------------ */
#fremgangsmate {
	background: rgb(255, 248, 235);
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 5%;
}

#fremgangsmate h1{
	text-align: left;
	padding: 0% 0 1% 0; /* top, right, bottom, left */
	margin: 20% 0 0 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);	
}

#fremgangsmate h2 {
	padding: 3% 0 1% 0; /* top, right, bottom, left */
	margin: 0 0 0 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);
}

#fremgangsmate .line {
	width: 98%;
	margin-left: -3%;
	border: 1.5px solid rgb(7, 60, 84);
}

#fremgangsmate .paus{
	padding-top: 3%;
}

#fremgangsmate strong{
	font-size: 45px;
}

#fremgangsmate .row{
	padding-bottom: 1%;
}



#fremgangsmate .tre{
	display: flex; /* Make it a flex container */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Ensure text is centered */
	margin-top: 25%;
}

#fremgangsmate img {
	width: 60%;
}

@media screen and (min-width: 1800px) {
	#fremgangsmate .tre{
		margin-top: 20%;
	}
}

@media screen and (max-width: 1439px) {
	#fremgangsmate {
		height: 120vh;
	}
}


@media screen and (max-width: 1023px) {
	#fremgangsmate {
		height: 110vh;
	}
}


@media screen and (max-width: 767px) {
	#fremgangsmate {
		height: auto;
	}
	#fremgangsmate h1{
		font-size: 40px;
	}
}

@media screen and (max-width: 424px) {
	#fremgangsmate h1{
		font-size: 35px;
	}
}

@media screen and (max-width: 374px) {
	#fremgangsmate h1{
		font-size: 30px;
	}
}


/* ------------------ inspirasjon ------------------ */
#inspirasjon {
	background: rgb(7, 60, 84, 1); /* 0.838 */
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 5%;
	position: relative;
	
}

#inspirasjon h1{
	padding: 0 0 0.5% 0; /* top, right, bottom, left */
	margin: 10% 0 0 0; /* top, right, bottom, left */
	color: rgb(255, 248, 235);
	text-align: center;
}

#inspirasjon h2{
	padding: 1% 0 2% 1%; /* top, right, bottom, left */
	margin: 0 0 0.5% 0; /* top, right, bottom, left */
	font-size: 40px;
	color: rgb(255, 248, 235);
	text-align: center;
}

#inspirasjon h3{
	padding: 2% 0 3% 2%; /* top, right, bottom, left */
	margin: 0 0 0 0; /* top, right, bottom, left */
	word-spacing: 2px;
	font-size: 25px;
	color: rgb(7, 60, 84, 1);
	text-align: center;
}

#inspirasjon .h31{
	padding: 3% 0 2% 4%; /* top, right, bottom, left */
}

#inspirasjon p {
	padding: 0 2% 2% 2%; /* top, right, bottom, left */
	line-height: 20px;
	color: rgb(0,0,0);
	margin-top: -5px;
	text-align: center;
}

#inspirasjon .line {
	width: 117%;
	border: 1.5px solid rgba(255, 248, 235, 1);
	/* margin: 0; */

}

#inspirasjon .overlay {
	background: rgba(255, 248, 235, 1); 
	/* position: absolute; */
	transition: 0.5s;
	height: 450px;
	/* width: 100%; */
	/* gap: 10px; Adjust as needed */
	border-radius: 5px;
	display: flex; /* Make it a flex container */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Ensure text is centered */


}


#inspirasjon .overlay:hover {
	transform: scale(1.03); 
}


#inspirasjon .overlay2:hover {
	transform: scale(1.03); 
}

#inspirasjon .overlay3_1 {
	background: url(../img/natur11.jpg) bottom no-repeat;
	/* width: 100%; */
	height: 450px;
	background-size: 110%;
	border-radius: 5px;
	display: flex; /* Make it a flex container */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Ensure text is centered */
}

#inspirasjon .overlay3_2 {
	background: url(../img/natur3.jpg) center no-repeat;
	/* width: 100%; */
	height: 450px;
	background-size: 110%;
	border-radius: 5px;
	display: flex; /* Make it a flex container */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Ensure text is centered */
}

#inspirasjon .overlay3_3 {
	background: url(../img/natur22.jpg) center no-repeat;
	/* width: 100%; */
	height: 450px;
	background-size: 110%;
	border-radius: 5px;
	display: flex; /* Make it a flex container */
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Ensure text is centered */
}


#inspirasjon .kundenes-erfaringer{
	padding-top: 5%;
}


#inspirasjon .smallpic{
	width: 85%;
	margin: 0 0 0 0%; /* top, right, bottom, left */
	border-radius: 5px;
	
}

#inspirasjon .smallpic2{
	width: 90%;
	/* height: 300px; */
	margin: 0% 0 0 0% ; /* top, right, bottom, left */
	border-radius: 5px;
}


#inspirasjon .smallpic3{
	width: 85%;
	/*margin: 10% 0 0 -25% ;  top, right, bottom, left */
	border-radius: 5px;
}

#inspirasjon .smallpic4{
	width: 120%;
	height: 440px;
	margin: 1% 0% 0 -10% ;  
	border-radius: 5px;
}

#inspirasjon .smallpic5{
	width: 85%;
	margin: 1% 0 0 0% ; /* top, right, bottom, left */
	border-radius: 5px;
}

#inspirasjon .stripe{
	background: rgba(7, 60, 84, 1);
	/* height: 40vh; */
	width: 135%;
	margin-left: -20%;
	overflow-x: hidden;
	overflow-y: hidden;
}



#inspirasjon .row2{
	padding-top: 5%;
	padding-bottom: 5%;
}

@media screen and (min-width: 2000px) {
	#inspirasjon .smallpic2{
		width: 50%;
		margin: 0% 0 0 0% ;
	}
}

@media screen and (max-width: 1439px) {
	/* #inspirasjon .smallpic2{
		height: auto;
		/* width: 100%; 
		margin: 0% 0 0 0% ;
	} */

	/* #inspirasjon .overlay {
		height: 300px;
	}

	#inspirasjon .overlay3 {
		height: 300px;	
	} */
	
}


@media screen and (max-width: 1023px) {
	#inspirasjon .overlay3_1{
		margin-top: 5%;
		margin-bottom: 5%;
	}

	#inspirasjon .overlay3_2{
		margin-bottom: 5%;
	}

	#inspirasjon .overlay3_3{
		margin-top: 5%;
	}

	#inspirasjon .overlay {
		height: 450px;
	}


	#inspirasjon .line {
		width: 100%;
		margin:0;
	
	}


}


@media screen and (max-width: 767px) {
	#inspirasjon h1{
		font-size: 45px;
	}

	#inspirasjon h2{
		font-size: 35px;
	}
}

@media screen and (max-width: 424px) {
	#inspirasjon .overlay {
		height: 350px;
	}
}

@media screen and (max-width: 374px) {
	#inspirasjon h1{
		font-size: 40px;
	}

	#inspirasjon h2{
		font-size: 25px;
	}

	#inspirasjon .overlay {
		height: 350px;
	}
}




/* ------------------ Kontakt ------------------ */
#kontakt {
	background: rgb(255, 248, 235);
	height: 80vh;
	overflow-x: hidden;
	overflow-y: hidden;
}

#kontakt h1{
	text-align: left;
	/* padding: 0% 0 0% 0; top, right, bottom, left */
	margin: 0 0 0 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);	
}

#kontakt h2 {
	padding: 0 0 1% 0; /* top, right, bottom, left */
	margin: 0 0 1% 0; /* top, right, bottom, left */
	color:  rgba(0, 0, 0, 0.838);
}

#kontakt .logo h1{
	padding: 0 0 0 0%; /* top, right, bottom, left */
	font-size: 70px;
	color: rgb(7, 60, 84);
}


#kontakt .line {
	width: 80%;
	margin-left: -5%;
	border: 1.5px solid rgb(7, 60, 84);
}

#kontakt .paus{
	padding-top: 5%;
}

#kontakt strong{
	font-size: 110%;
}

#kontakt p {
	padding: 0 0 2% 0; /* top, right, bottom, left */
	font-size: 20px;
}

#kontakt .row{
	padding-top: 10%;
	padding-bottom: 10%;
}

#kontakt .picture {
	/* background: url(../img/air5.jpg); */
	height: auto;
	/* height: 40vh; */
	/* width: 100%; */
	margin-top: 10%;
	/* border: 10px rgba(7, 60, 84, 0.838); */
	background-size: contain;
	border-radius: 5px;
}

#kontakt .social i.fa {
	padding: 5% 0 0 0; /* top, right, bottom, left */
	font-size: 50px;
	color: rgb(7, 60, 84);
	transition: all 0.3s;
}
#kontakt .social i.fa:hover {
	color: rgb(98, 137, 168);
}

#kontakt a{
	color: #000000;
}


@media screen and (min-width: 2000px) {
	#kontakt {
		background: rgb(255, 248, 235);
		height: 100vh;
		overflow-x: hidden;
		overflow-y: hidden;
	}
}

@media screen and (max-width: 1439px) {
	#kontakt .picture {
		margin-top: 30%;
	}

	#kontakt .line {
		width: 120%;
		margin-left: -5%;
		border: 1.5px solid rgb(7, 60, 84);
	}
}


@media screen and (max-width: 1023px) {
	#kontakt {
		background: rgb(255, 248, 235);
		height: 110vh;
		overflow-x: hidden;
		overflow-y: hidden;
	}

	#kontakt .picture {
		margin-top: 0%;
	}
}


@media screen and (max-width: 767px) {
	#kontakt {
		height: 80vh;
	}
}

@media screen and (max-width: 424px) {
	#kontakt h1{
		font-size: 45px;
	}

	#kontakt .line {
		width: 120%;
		margin-left: -10%;
		border: 1.5px solid rgb(7, 60, 84);
	}
}

@media screen and (max-width: 374px) {
	#kontakt p{
		font-size: 15px;
	}

	#kontakt h1{
		font-size: 40px;
	}

	#kontakt{
		height: 60vh;
	}
}



/* ------------------ Footer ------------------ */
#footer {
	background: rgba(7, 60, 84, 1);
	padding: 25px 0;
	height: 25vh;
	width: 100%;
}

#footer h1{
	font-family: 'Garamond', serif;
	font-size: 30px;
	font-weight: 700;
	color: rgb(255, 248, 235);
	text-transform: uppercase;
}

#footer p{
	color: rgb(255, 248, 235);
	font-size: 15px;
}

#footer a{
	color: rgb(255, 248, 235);
	font-size: 15px;
}

#footer a:hover{
	color: rgb(98, 137, 168);
}

#footer img{
	height: 15vh;
}

#footer .middle{
	display: flex; /* Make it a flex container */
	flex-direction: column; /* Stack items vertically */
	align-items: center; /* Center horizontally */
	justify-content: center; /* Center vertically */
	text-align: center; /* Ensure text is centered */
}

@media screen and (max-width: 767px) {
	#footer {
	  height: 450px;
	  text-align: center;
	}

	#footer l{
		padding-top: 1000px;
		padding-bottom: 1000px;
	}

  }

  @media screen and (min-width: 768px) and (max-width: 1024px) {
	#footer {
		height: 450px;
		text-align: center;
	  }
  
	  #footer l{
		  padding-top: 1000px;
		  padding-bottom: 1000px;
	  }
  }

/* ------------------ Lederutvikling ------------------ */
#lederutvikling {
	background: url(../img/clouds1.jpg) left center no-repeat fixed;
	background-color: rgb(98, 137, 168);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: rgb(11, 12, 12);
	overflow-x: hidden;
}


#lederutvikling h1{
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	padding: 0% 0 0% 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);	
}



#lederutvikling .small {
	padding: 3% 0 0 0;
	margin: 10% 0 0 0; /* top, right, bottom, left */
	font-size: 40px;
	
}

#lederutvikling h2 {
	padding: 0 0 5% 0; /* top, right, bottom, left */
	margin: 0 0 0 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 40px;
}

#lederutvikling h3 {
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 25px;
	font-weight: 500;
	color: rgb(6, 44, 62);
}



#lederutvikling .line {
	width: 100%;
	/* margin-left: 8%; */
	border: 1.5px solid rgb(7, 60, 84);
}




#lederutvikling .paus {
	padding-top: 5%;
}

#lederutvikling .overlay{
	background: rgb(255, 248, 235);
	min-height: 87.2vh;
	width: 90%;
	margin-left: 5%;
}

#lederutvikling .h3_2{
	margin-bottom: 5%;
}


#lederutvikling .container-retreat ul {
	font-size: 15px;
	margin-top: 1%;
	margin-bottom: 2%;
 }

#lederutvikling .container-retreat li {
	padding-top: 30px;
 }

 #lederutvikling  ul {
	font-size: 15px;
	margin-top: 1%;
	margin-bottom: 1%;
 }

#lederutvikling  li {
	padding-top: 15px;
 }

 #lederutvikling img{
	border-radius: 5%;
	margin-bottom: 5%;
 }



 #lederutvikling .img1{
	/* height: 300px; */
	margin-top: 0%;
	width: 100%;
 }

 #lederutvikling .img2{
	width: 100%;
 }

 #lederutvikling .img3{
	width: 100%;
 }

 #lederutvikling .img4{
	width: 85%;
 }

 #lederutvikling .img5{
	width: 100%;
 }


#lederutvikling .retreat{
	width: 120%;
	margin-left: -10%;
	
}

#lederutvikling .row{
	padding-bottom: 4%;
}


#lederutvikling .retreat h2{
	margin-top: 3%;
	margin-bottom: -5%;
	font-size: 30px;
	color: rgb(7, 60, 84);
	font-weight: 550;
}

#lederutvikling .retreat h3{
	font-size: 26px;
	color: rgb(7, 60, 84);
	font-weight: 500;
}

#lederutvikling .color {
	font-family: 'Courier New', monospace;
	text-align: center;	
	font-size: 22px;
	font-weight: 550;
}

#lederutvikling .space{
	padding-top: 10%
}

#lederutvikling .container-retreat{
	/* background-color: rgb(7, 60, 84); */
	border: rgb(7, 60, 84);
	border-radius: 5%;
	border-style: solid;
	/* color:rgb(255, 248, 235); */
	border-radius: 0%;
	margin-top: 3%;
}




#lederutvikling .w3-section{
	padding-bottom: 15%;
	padding-top: 5%;
}

#lederutvikling .button{
	color: rgb(255, 248, 235);
	border: none;
	text-transform: uppercase;
	font-size: 22px;
	font-family: 'Garamond', serif;
	letter-spacing: 1px;
	padding: 15px 32px;
	height: 100px;
	width: 100%;
	text-align: center;
	text-decoration: none;
	/* display: inline-block; */
	border-radius: 5px;
	transition: all 0.5s;
	margin-top: 10%;
	margin-bottom: 10%;
}

#lederutvikling .tre_img{
	width: 50%;
	/* background: rgba(7, 60, 84, 1); */
	margin-top: 0%;
}

#lederutvikling .tre {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: baseline; /* Aligns items to the bottom */
    height: 100%; /* Ensure the container has a height */
	
}

#lederutvikling li{
	margin-top: -2%;
}

#lederutvikling .pad {
	padding-top: 0%;
}


#lederutvikling .button1 {
	/* background: url(../img/gradient7.png) center no-repeat; 
	background-size: cover; */
	background-color: rgb(7, 60, 84);
}


#lederutvikling .button2 {
	background: url(../img/gradient2.png) center no-repeat; 
	background-size: cover;
}

#lederutvikling .button3 {
	background: url(../img/gradient7.png) center no-repeat; 
	background-size: cover;
}

/* #lederutvikling .active {
	background-color: rgb(98, 137, 168);
} */

#lederutvikling .button:hover{
	transform: scale(1.03); 
}

#lederutvikling .img_down{
	margin-top: 15%;
}



@media screen and (min-width: 1800px) {
	#lederutvikling .space_lg{
		padding-top: 5%;
	}

	#lederuvikling .up_lg{
		margin-top: -20%;
	}

	#lederutvikling .img_down{
		margin-top: 0%;
	}
}


@media screen and (max-width: 767px) {
	#lederutvikling h1 {
	  font-size: 30px;
	  
	}

	#lederutvikling .overlay{
		background: rgb(255, 248, 235);
		min-height: 87.2vh;
		width: 110%;
		margin-left: -5%;
	}

	#lederutvikling .retreat h2{
		margin-top: 20%
	}

	#lederutvikling .small{
		padding-top: 20%;
		font-size: 25px;
	}

	#lederutvikling .p_center{
		text-align: center;
	}

	#lederutvikling h2{
		font-size: 18px;
	}

	#lederutvikling .line{
		width: 120%;
		margin-left: -6%;
	}

	#lederutvikling .button_gone{
		height: 0%;
		width: 0%;
		display: none;
		font-size: 15px;
	}

  }

/* ------------------ Teamutvikling ------------------ */
#teamutvikling {
	background: url(../img/clouds1.jpg) left center no-repeat fixed;
	background-color: rgb(98, 137, 168);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: rgb(11, 12, 12);
	overflow-x: hidden;
}


#teamutvikling h1{
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	padding: 0% 0 0% 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);	
}



#teamutvikling .small {
	padding: 3% 0 0 0;
	margin: 10% 0 0 0; /* top, right, bottom, left */
	font-size: 40px;
	
}

#teamutvikling h2 {
	padding: 0 0 5% 0; /* top, right, bottom, left */
	margin: 0 0 0 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 40px;
}

#teamutvikling h3 {
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 25px;
	font-weight: 500;
	color: rgb(7, 60, 84);
}



#teamutvikling .line {
	width: 100%;
	/* margin-left: 8%; */
	border: 1.5px solid rgb(7, 60, 84);
}

#teamutvikling .rødt_tre{
	width: 60%;
}


#teamutvikling .paus {
	padding-top: 5%;
}

#teamutvikling .overlay{
	background: rgb(255, 248, 235);
	min-height: 87.2vh;
	width: 90%;
	margin-left: 5%;
}

#teamutvikling ul {
	font-size: 15px;
	margin-top: 1%;
	margin-bottom: 2%;
 }

#teamutvikling li {
	padding-top: 30px;
 }

 #teamutvikling img{
	border-radius: 5%;
	margin-bottom: 5%;
 }



 #teamutvikling .img1{
	/* height: 300px; */
	margin-top: 0%;
	width: 100%;
 }

 #teamutvikling .img2{
	width: 95%;
 }

 #teamutvikling .img3{
	width: 95%;
 }

 #teamutvikling .img4{
	width: 85%;
 }


#teamutvikling .retreat{
	width: 120%;
	margin-left: -10%;
	
}

#teamutvikling .row{
	padding-bottom: 4%;
}


#teamutvikling .retreat h2{
	margin-top: 3%;
	margin-bottom: -5%;
	font-size: 30px;
	color: rgb(7, 60, 84);
	font-weight: 550;
}

#teamutvikling .retreat h3{
	font-size: 26px;
	color: rgb(7, 60, 84);
	font-weight: 500;
}

#teamutvikling .color {
	font-family: 'Courier New', monospace;
	text-align: center;	
	font-size: 22px;
	color: rgb(6, 44, 62);
}


#teamutvikling .container-retreat{
	/* background-color: rgb(7, 60, 84); */
	border: rgb(7, 60, 84);
	border-radius: 5%;
	border-style: solid;
	/* color:rgb(255, 248, 235); */
	border-radius: 0%;
	margin-top: 3%;
}




#teamutvikling .w3-section{
	padding-bottom: 15%;
	padding-top: 5%;
}

#teamutvikling .button{
	color: rgb(255, 248, 235);
	border: none;
	text-transform: uppercase;
	font-size: 22px;
	font-family: 'Garamond', serif;
	letter-spacing: 1px;
	padding: 15px 32px;
	height: 100px;
	width: 100%;
	text-align: center;
	text-decoration: none;
	/* display: inline-block; */
	border-radius: 5px;
	transition: all 0.5s;
	margin-top: 10%;
	margin-bottom: 10%;
}

#teamutvikling .tre_img{
	width: 50%;
	/* background: rgba(7, 60, 84, 1); */
	margin-top: 30%;
}

#teamutvikling .tre {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: baseline; /* Aligns items to the bottom */
    height: 100%; /* Ensure the container has a height */
	
}

#teamutvikling li{
	margin-top: -2%;
}

#teamutvikling .pad {
	padding-top: 0%;
}


#teamutvikling .button1 {
	/* background: url(../img/gradient7.png) center no-repeat; 
	background-size: cover; */
	background-color: rgb(7, 60, 84);
}


#teamutvikling .button2 {
	background: url(../img/gradient6.png) center no-repeat; 
	background-size: cover;
}

#teamutvikling .button3 {
	background: url(../img/gradient5.png) center no-repeat; 
	background-size: cover;
}



/* #lederutvikling .active {
	background-color: rgb(98, 137, 168);
} */

#teamutvikling .button:hover{
	transform: scale(1.03); 
}




/* #teamutvikling .button{
	background-color: rgb(7, 60, 84);
	color: rgb(255, 248, 235);
	border: none;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
	transition: all 0.3s;
}

#teamutvikling .button:hover{
	background-color: rgb(98, 137, 168);
	color: rgb(255, 248, 235);
} */

@media screen and (max-width: 767px) {
	#teamutvikling h1 {
	  font-size: 30px;
	  padding-top: 30%;
	}

	#teamutvikling h2{
		font-size: 18px;
	}

	#teamutvikling .line{
		width: 112%;
		margin-left: -6%;
	}

  }

/* ------------------ Ledertips ------------------ */
#ledertips {
	background: url(../img/clouds1.jpg)  left no-repeat fixed;
	background-color: rgb(98, 137, 168);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: rgb(11, 12, 12);
	min-height: 100%;
	min-width: 100%;
	overflow-x: hidden;
}

#ledertips h1{
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	padding: 3% 0 1% 0; /* top, right, bottom, left */
	margin: 10% 0 0 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);	
}

#ledertips h2 {
	padding: 0 0 1% 0; /* top, right, bottom, left */
	margin: 0 0 0 0; /* top, right, bottom, left */
	color:  rgb(7, 60, 84);
}

#ledertips .line {
	width: 95%;
	margin-left: 3%;
	border: 1.5px solid rgb(7, 60, 84);
}

#ledertips .paus {
	padding-top: 5%;
}

#ledertips .overlay{
	background: rgb(255, 248, 235);
	min-height: 100vh;
	width: 90%;
	margin-left: 5%;
}

#ledertips .lederteam {
	padding-top: 5%;
}

#ledertips .w3-section{
	padding-bottom: 3%;
	padding-top: 1%;
}

/* #ledertips .button{
	background-color: rgb(7, 60, 84);
	color: rgb(255, 248, 235);
	border: none;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
	transition: all 0.3s;
} */

#ledertips .button{
	color: rgb(255, 248, 235);
	background-color: rgb(7, 60, 84);
	border: none;
	text-transform: uppercase;
	font-size: 22px;
	font-family: 'Garamond', serif;
	letter-spacing: 1px;
	padding: 15px 32px;
	height: 100px;
	width: 100%;
	text-align: center;
	text-decoration: none;
	/* display: inline-block; */
	border-radius: 5px;
	transition: all 0.5s;
	margin-top: 10%;
	margin-bottom: 10%;
}

#ledertips .button:hover{
	background-color: rgb(98, 137, 168);
	color: rgb(255, 248, 235);
}

@media screen and (max-width: 767px) {
	#ledertips h1 {
	  font-size: 30px;
	  padding-top: 30%;
	}

	#ledertips h2{
		font-size: 18px;
	}

	#ledertips .line{
		width: 112%;
		margin-left: -6%;
	}

  }


  /* ------------------ Ledelseskurs ------------------ */
#ledelseskurs {
	background: url(../img/clouds1.jpg)  left no-repeat fixed;
	background-color: rgb(98, 137, 168);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: rgb(11, 12, 12);
	min-height: 100%;
	overflow-x: hidden;
}

#ledelseskurs h1{
	font-family: 'Garamond', serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 45px;
	font-weight: 700;
	padding: 3% 0 1% 0; /* top, right, bottom, left */
	margin: 10% 0 0 0; /* top, right, bottom, left */
	color:  rgba(7, 60, 84, 0.838);	
}

#ledelseskurs h2 {
	padding: 0 0 1% 0; /* top, right, bottom, left */
	margin: 0 0 0 0; /* top, right, bottom, left */
	color:  rgba(7, 60, 84, 0.838);
}


#ledelseskurs .les{
	margin-left: -15px;
}

#ledelseskurs .line {
	width: 95%;
	margin-left: 3%;
	border: 1.5px solid rgba(7, 60, 84, 0.838);
}

#ledelseskurs .paus {
	padding-top: 5%;
}

#ledelseskurs .overlay{
	background: rgb(255, 248, 235);
	min-height: 100vh;
	width: 90%;
	margin-left: 5%;
}

#ledelseskurs .lederteam {
	padding-top: 5%;
}

#ledelseskurs .w3-section{
	padding-bottom: 3%;
	padding-top: 1%;
}

#ledelseskurs .button{
	background-color: rgba(7, 60, 84, 0.838);
	color: rgb(255, 248, 235);
	border: none;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 5px;
	transition: all 0.3s;
}

#ledelseskurs .button:hover{
	background-color: rgb(98, 137, 168);
	color: rgb(255, 248, 235);
}

@media screen and (max-width: 767px) {
	#ledelseskurs h1 {
	  font-size: 22px;
	  padding-top: 30%;
	}

	#ledelseskurs h2{
		font-size: 18px;
	}

	#ledelseskurs .line{
		width: 112%;
		margin-left: -6%;
	}

	#ledelseskurs .a{
		padding-bottom: 20px;
	}

  }

  @media screen and (min-width: 768px) and (max-width: 1050px) {
	#ledelseskurs h1{
		font-size: 40px;
		font-weight: 700;
		padding-top: 170px;
	}
  
	  #footer l{
		  padding-top: 1000px;
		  padding-bottom: 1000px;
	  }
  }