@charset "utf-8";
/* CSS Document */

*{
	font-family: 'Montserrat', sans-serif;
}
body{
	margin:0;
	padding:0;
}

h1{
	text-transform: uppercase;
}

@media screen and (max-width: 768px) {
header{
	width:100%;
	height:15vh;
	background-color:#09918D;
	display:flex;
	text-align: center;
	align-items:center;
	justify-content: space-between;
	color:#FFF;
	font-size:8px;
}

header h1{
	margin:0;
}

#logo{
	height:15vh;
}
	
#logo img{
	max-height:15vh;
	width:auto;
}
	
#menu{
	height:15vh;
}

#navMobile{
	display:flex;
 	font-size:24px;
 	height:15vh;
	width:75px;
	justify-content: center;
	align-items:center;
	margin-right:0;
}

#navBars{
	font-size:32px;
	color:#f0f0f0;
	cursor:pointer;
	z-index: 600;
}

#navBars:hover{
	color:#bf1a28;
	transition: all .5s ease;
}

#navBars:before{
	text-decoration:none;
	
}

#navElements {
	display: none;
	background:#09918D;
	width:100vw;
	right:0%;
	position:absolute;
	z-index: 650;
	overflow:hidden;
}

#navElements a{
	text-transform: uppercase;
	display:block;
	color:#f0f0f0;
	font-size:12px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
}
	
#navDesktop{
	display:none;
}



#sektion1{
	height:85vh;
}

#sektion2{
	height:100%;
	background-color: #3A3A3A;
	display:flex;
	flex-direction: column;
	align-items:center;
	padding-top:10px;
	padding-bottom:20px;
}

.picwrapper{
	position:relative;
	height:200px;
	margin-top:20px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius:50px;
  opacity: 0;
  transition: .5s ease;
  background-color:rgba(0,0,0,0.75);
}

.picwrapper:hover .overlay {
  opacity: 1;
}

.tekst {
  color: white;
  font-size: 12px;
  width:80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#sektion2 img{
	display:block;
	width: 300px;
	height: 200px;
	border-radius: 50px;
	margin:0 auto;
}

.pics{
	position:relative;
}

.pics:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.blackbar{
	display:flex;
	width:100%;
	height:50px;
	background-color:#1E1E1E;
	justify-content: center;
	align-items: center;
}

.blackbar h1{
	margin:0;
	font-size: 18px;
	color:#FFF;
}

.swiper-container {
	display: flex;
	justify-content: center;
	overflow:hidden;
    width: 100%;
    height:100%;
	z-index:1;
}

.fa-arrow-circle-o-down{
	position:absolute;
	margin-top:60vh;
	height:50px;
	color:#fff;
	background:none;
	border:none;
	z-index: 1000;
}

.fa-arrow-circle-o-down:hover{
	color:#bf1a28;
}

.fa-arrow-circle-o-down:focus{
	outline:none;
}

.swiper-slide{
	display:flex;
	justify-content: center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

#firstbox{
	width:100%;
	height:300px;
	background-image:url(../img/drusbjerggaard.jpg);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}

#secondbox p{
	color:#FFF;
	margin:0;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
	padding-bottom: 20px;
}

#secondbox{
	background-color:#09918D;
}

#sektion4{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap:wrap;
	padding-left:40px;
	padding-right:40px;
	padding-top:30px;
	padding-bottom: 30px;
	background-color:#3A3A3A;
}

.billedewrapper{
	color:#fff;
	width:200px;
	display:flex;
	flex-direction: column;
	text-align: center;
	align-items:center;
}

#billeder1{
	background-image:url(../img/19073981_10212753331290955_997004052_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:80px;
	width:80px;
	margin-top:10px;
}

#billeder2{
	background-image:url(../img/548961_10200932205320629_1835610722_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:80px;
	width:80px;
	margin-top:10px;
}

#billeder3{
	background-image:url(../img/19047635_10212753329570912_2664165_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:80px;
	width:80px;
	margin-top:10px;
}

#billeder4{
	background-image:url(../img/ingrid-01.png);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:80px;
	width:80px;
	margin-top:10px;
}

#sektion5{
	background-color:#09918D;
}

#boks1{
	width:100%;
	pointer-events: none;
}

#boks2 form{
	display:flex;
	flex-direction: column;
	height:400px;
	color:#fff;
	justify-content: space-around;
	padding-left:25px;
	padding-right:25px;
	padding-top:30px;
	padding-bottom:30px;
}

input{
	border:0;
	border-radius:5px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:4px;
	padding-left:4px;
}

textarea{
	border:0;
	border-radius:5px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:4px;
	padding-left:4px;
}

submit{
	padding-top:20px;
}

footer{
	height:600px;
	background-color:#000;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

footer p{
	color:#fff;
	padding:0;
	margin:0;
}

#boks2{
	line-height: 50px;
	text-align: center;
	padding-left:20px;
	padding-right:20px;
	padding-top:40px;
	padding-bottom:40px;
}

}
@media screen and (min-width: 768px) and (max-width: 1200px) {
header{
	width:100%;
	height:15vh;
	background-color:#09918D;
	display:flex;
	text-align: center;
	align-items:center;
	justify-content: space-between;
	color:#FFF;
	font-size:8px;
}

header h1{
	margin:0;
}

#logo{
	height:15vh;
}
	
#logo img{
	max-height:15vh;
	width:auto;
}
	
#menu{
	height:15vh;
}

#navMobile{
	display:flex;
 	font-size:24px;
 	height:15vh;
	width:75px;
	justify-content: center;
	align-items:center;
	margin-right:0;
}

#navBars{
	font-size:32px;
	color:#f0f0f0;
	cursor:pointer;
	z-index: 600;
}

#navBars:hover{
	color:#bf1a28;
	transition: all .5s ease;
}

#navBars:before{
	text-decoration:none;
	
}

#navElements {
	display: none;
	background:#09918D;
	width:100vw;
	right:0%;
	position:absolute;
	z-index: 650;
	overflow:hidden;
}

#navElements a{
	text-transform: uppercase;
	display:block;
	color:#f0f0f0;
	font-size:12px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
}
	
#navDesktop{
	display:none;
}



#sektion1{
	height:85vh;
}

#sektion2{
	height:100%;
	background-color: #3A3A3A;
	display:flex;
	flex-direction: column;
	align-items:center;
	padding-top:10px;
	padding-bottom:20px;
}

.picwrapper{
	position:relative;
	height:200px;
	margin-top:20px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius:50px;
  opacity: 0;
  transition: .5s ease;
  background-color:rgba(0,0,0,0.75);
}

.picwrapper:hover .overlay {
  opacity: 1;
}

.tekst {
  color: white;
  width:80%;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#sektion2{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	padding-left:10%;
	padding-right:10%;
}

#sektion2 img{
	display:block;
	width: 300px;
	height: 200px;
	border-radius: 50px;
	margin:0 auto;
}

.pics{
	position:relative;
}

.pics:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.blackbar{
	display:flex;
	width:100%;
	height:50px;
	background-color:#1E1E1E;
	justify-content: center;
	align-items: center;
}

.blackbar h1{
	margin:0;
	font-size: 18px;
	color:#FFF;
}

.swiper-container {
	display: flex;
	justify-content: center;
	overflow:hidden;
    width: 100%;
    height:100%;
	z-index:1;
}

.fa-arrow-circle-o-down{
	position:absolute;
	margin-top:60vh;
	height:50px;
	color:#fff;
	background:none;
	border:none;
	z-index: 1000;
}

.fa-arrow-circle-o-down:hover{
	color:#bf1a28;
}

.fa-arrow-circle-o-down:focus{
	outline:none;
}

.swiper-slide{
	display:flex;
	justify-content: center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

#sektion3{
	display:flex;
	flex-direction:row;
}

#firstbox{
	width:50%;
	height:auto;
	background-image:url(../img/drusbjerggaard.jpg);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}

#secondbox p{
	color:#FFF;
	margin:0;
	padding-left:80px;
	padding-right:80px;
	padding-top:30px;
	padding-bottom: 30px;
}

#secondbox{
	background-color:#09918D;
	width:50%;
}

#sektion4{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap:wrap;
	padding-left:20px;
	padding-right:20px;
	padding-top:80px;
	padding-bottom:80px;
	background-color:#3A3A3A;
}

.billedewrapper{
	display:flex;
	flex-direction: column;
	align-items:center;
	color:#fff;
	width:300px;
	line-height:22px;
	text-align:center;
}

#billeder1{
	background-image:url(../img/19073981_10212753331290955_997004052_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:80px;
	width:80px;
	margin-top:10px;
}

#billeder2{
	background-image:url(../img/548961_10200932205320629_1835610722_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:80px;
	width:80px;
	margin-top:10px;
}

#billeder3{
	background-image:url(../img/19047635_10212753329570912_2664165_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:80px;
	width:80px;
	margin-top:10px;
}

#billeder4{
	background-image:url(../img/ingrid-01.png);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:80px;
	width:80px;
	margin-top:10px;
}

#sektion5{
	background-color:#09918D;
	display:flex;
	flex-direction: row;
}

#boks1{
	width:50%;
	pointer-events: none;
}

#boks2{
	width:50%;
}

#boks2 form{
	display:flex;
	flex-direction: column;
	height:390px;
	color:#fff;
	justify-content: space-around;
	padding-left:25px;
	padding-right:25px;
	padding-top:30px;
	padding-bottom:30px;
}

input{
	border:0;
	border-radius:5px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:4px;
	padding-left:4px;
}

textarea{
	border:0;
	border-radius:5px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:4px;
	padding-left:4px;
}

submit{
	padding-top:20px;
}

footer{
	height:400px;
	background-color:#000;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

footer p{
	color:#fff;
	padding:0;
	margin:0;
}

#boks2{
	text-align: center;
	padding-top:14%;
	line-height: 50px;
}
}
@media screen and (min-width: 1200px) {
header{
	width:100%;
	height:15vh;
	background-color:#09918D;
	display:flex;
	text-align: center;
	align-items:center;
	justify-content: space-between;
	color:#FFF;
	font-size:8px;
}

header h1{
	display:none;
	margin:0;
}

#logo{
	height:15vh;
}
	
#logo img{
	max-height:15vh;
	width:auto;
}
	
#menu{
	width:70%;
	height:15vh;
}

#navMobile{
	display:none;
}

#navBars{
	font-size:32px;
	color:#f0f0f0;
	cursor:pointer;
	z-index: 600;
}

#navBars:hover{
	color:#bf1a28;
	transition: all .5s ease;
}

#navBars:before{
	text-decoration:none;
	
}

#navElements {
	display: none;
	background:#09918D;
	width:100vw;
	right:0%;
	position:absolute;
	z-index: 650;
	overflow:hidden;
}

#navElements a{
	text-transform: uppercase;
	display:block;
	color:#f0f0f0;
	font-size:12px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
}
	
#navDesktop{
	display:flex;
	flex-direction:row;
	justify-content:space-around; 
}

#navDesktop a{
	color:#fff;
	text-decoration:none; 
	text-transform: uppercase;
	line-height:15vh;
	font-size:14px;
	font-weight: 800;
}

#navDesktop a:hover{
	color:#bf1a28;
}

#sektion1{
	height:85vh;
}

#sektion2{
	height:100%;
	background-color: #3A3A3A;
	display:flex;
	flex-direction: column;
	align-items:center;
	padding-top:40px;
	padding-bottom:50px;
}

.picwrapper{
	position:relative;
	height:275px;
	margin-top:20px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius:50px;
  opacity: 0;
  transition: .5s ease;
  background-color:rgba(0,0,0,0.75);
}

.picwrapper:hover .overlay {
  opacity: 1;
}

.tekst {
  color: white;
  font-size: 14px;
  width:80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#sektion2{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	padding-left:19%;
	padding-right:19%;
}

#sektion2 img{
	display:block;
	width: 400px;
	height: 275px;
	border-radius: 50px;
	margin:0 auto;
}

.pics{
	position:relative;
}

.pics:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.blackbar{
	display:flex;
	width:100%;
	height:50px;
	background-color:#1E1E1E;
	justify-content: center;
	align-items: center;
}

.blackbar h1{
	margin:0;
	font-size: 18px;
	color:#FFF;
}

.swiper-container {
	display: flex;
	justify-content: center;
	overflow:hidden;
    width: 100%;
    height:100%;
	z-index:1;
}

.fa-arrow-circle-o-down{
	position:absolute;
	margin-top:60vh;
	height:50px;
	color:#fff;
	background:none;
	border:none;
	z-index: 1000;
}

.fa-arrow-circle-o-down:hover{
	color:#bf1a28;
}

.fa-arrow-circle-o-down:focus{
	outline:none;
}

.swiper-slide{
	display:flex;
	justify-content: center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

#sektion3{
	display:flex;
	flex-direction:row;
}

#firstbox{
	width:50%;
	height:500px;
	background-image:url(../img/drusbjerggaard.jpg);
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}

#secondbox p{
	color:#FFF;
	margin:0;
	padding-left:80px;
	padding-right:80px;
	padding-top:50px;
	padding-bottom: 30px;
	line-height:36px;
}

#secondbox{
	background-color:#09918D;
	width:50%;
}

#sektion4{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap:wrap;
	padding-left:10%;
	padding-right:10%;
	padding-top:80px;
	padding-bottom:80px;
	background-color:#3A3A3A;
}

.billedewrapper{
	display:flex;
	flex-direction: column;
	align-items:center;
	text-align: center;
	color:#fff;
	width:500px;
}

#billeder1{
	background-image:url(../img/19073981_10212753331290955_997004052_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:120px;
	width:120px;
	margin-top:10px;
}

#billeder2{
	background-image:url(../img/548961_10200932205320629_1835610722_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:120px;
	width:120px;
	margin-top:10px;
}

#billeder3{
	background-image:url(../img/19047635_10212753329570912_2664165_n.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:120px;
	width:120px;
	margin-top:10px;
}

#billeder4{
	background-image:url(../img/ingrid-01.png);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius:999px;
	height:120px;
	width:120px;
	margin-top:10px;
}

#sektion5{
	background-color:#09918D;
	display:flex;
	flex-direction: row;
}

#boks1{
	width:50%;

	pointer-events: none;
}

#boks2{
	width:50%;
}

#boks2 form{
	display:flex;
	flex-direction: column;
	height:550px;
	color:#fff;
	justify-content: space-around;
	padding-left:25%;
	padding-right:25%;
	padding-top:30px;
	padding-bottom:30px;
}

input{
	border:0;
	border-radius:5px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:4px;
	padding-left:4px;
}

textarea{
	border:0;
	border-radius:5px;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:4px;
	padding-left:4px;
}

submit{
	padding-top:20px;
}

footer{
	height:400px;
	background-color:#000;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

footer p{
	color:#fff;
	padding:0;
	margin:0;
}

#boks2{
	text-align: center;
	line-height: 50px;
	padding-top:10%;
}
}