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



/*Her ændres styles til tablets - efter ipads størrelse 768px op til 1024px) */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/*Da parralax ikke fungerer på ipad/iphone skal billedet tilpasses */
.parallax {
	background-attachment:scroll !important;
	height: 45vh;
	background-size: 100% auto;
	background-position: center;
	overflow: hidden;
	}

p { font-size: 1.6em;
	line-height: 2em;
	padding: 0 0 15px 0;
}
	
h2 {
	font-size: 2.5em;
	line-height: normal;
	margin: 1em 0 1em;
}

h3 {
	margin: 1em 0 0;
	}
		
.bar {
	width: 90%;
	padding:30px;
	margin: 0 auto;
}

.w-25 { width: 42%; margin-right:8%; }
.w-33 { width: 42%; margin-right:8%; }
.w-50 { width: 50%;}
.w-75 { width: 100%;}
}

.container {
  position: relative;
  width: 50%;
  float: left;
}

.w-50 > img {
	object-fit: cover;
	overflow: hidden;
	width: 90%;
	height: 60vh;
}

.container > img {
  height: 35vh;
}


@media only screen  and (min-width : 1025px) {
	.container {
  width: 33.3%;
}
}


/* Extra små skærme - smartphones 767px og mindre) */
@media only screen and (max-width: 767px) {
/* Da parralax ikke fungerer på ipad/iphone skal billedet tilpasses */
.parallax {
	background-attachment:scroll !important;
	height: 30vh;
	background-size: 100% auto;
	background-position: center;
	overflow: hidden;
	}
	
.bar {
	padding:50px 0;
}
	
img {width: 100%;
	 float: left;}

[class*="w-"] {
	width: 100%;}
	
h2 {
	font-size: 4em;
	line-height: normal;
}

h3 {
	  margin: 2em 0 0;
}

p { 
	font-size: 1.8em;
	padding: 0 0 15px 0;
}

.container {
  position: relative;
  width: 100%;
}
	
.container > img {
  height: 40vh;
}
}