@charset "UTF-8";


*{
padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;


}
@font-face {
    font-family: 'TheFont';
    src: url("https://garet.typeforward.com/assets/fonts/shared/TFMixVF.woff2")
      format('woff2'); }


#work-top {
	  width:60%; margin: 0 auto 0 auto;
	
	}


h1 {
	font-family: "Capriola", sans-serif;
	text-align: left;
		font-size: 50px;
	letter-spacing: -2px;
	
	}
	
h2 {
	  font-family: "Capriola", sans-serif;
  font-weight: 400;
  font-style: normal;
		font-size: 25px;
	line-height: 1.5;
	
	}

p {
	  font-family: "Capriola", sans-serif;
  font-weight: 400;
  font-style: normal;
	text-align: center;
		font-size: 18px;
	line-height: 1.5;
	
	}

#work-img {
	  width:100%; margin: 0 auto 0 auto;
	
	}

#work-img img {
	  width:100%; margin: 0 auto 0 auto;
	
	}

#work-top {
	  width:80%; margin: 0 auto 0 auto;
	
	}

#work-top-headline {
	  width:45%; margin: 0 auto 0 auto;
	float: left;
	
	}

#work-top-text {
	  width:45%; margin: 0 auto 0 auto;
	float: right;
	font-family: "Capriola", sans-serif;
  font-weight: 400;
  font-style: normal;
	text-align: left;
		font-size: 18px;
	line-height: 1.5;
	}

#work-top-text span {
	color: #d2a80e;
	}

#work-top-text a {
	color: black;
	cursor: pointer;
	}

#work-top-text a:hover {
	color: #d2a80e;
	  transition: 0.5s;
	}


#pre-case {
	  width:45%; margin: 0 auto 0 auto;
	float: left;
	font-family: "Capriola", sans-serif;
	font-size: 35px;
	text-decoration: none;
	}

#pre-case a {
	text-decoration: none;
	}

#pre-case a b {
	cursor: pointer;
	color: black;
	text-decoration: none;
	}

#pre-case a b:hover {
	color: #d2a80e;
	  transition: 0.5s;
	text-decoration: none;
	}

#next-case {
	  width:45%; margin: 0 auto 0 auto;
	float: right;
	text-align: right;
	font-family: "Capriola", sans-serif;
	font-size: 35px;
	}

#next-case a {
	text-decoration: none;
	}

#next-case a b {
	cursor: pointer;
	color: black;
	}

#next-case a b:hover {
	color: #d2a80e;
	  transition: 0.5s;
	}


#video-box {
	width:80%;
	margin: 0 auto 0 auto;
	}

video {
	width:100%;
	}


.winner {
	display: block;
	width:100px;
	margin: 0 auto 0 auto;
	}


.to-billeder {
	width:80%;
	margin: 0 auto 0 auto;
	}

.billede-v img {
	width:48%;
	float:left;
	}

.billede-h img {
	width:48%;
	float:right;
	}

.et-billede {
	width:80%;
	margin: 0 auto 0 auto;
	}

.et-billede img {
	width:100%;
	margin: 0 auto 0 auto;
	}

.video-v video {
	width:48%;
	float:left;
	}

.video-h video {
	width:48%;
	float:right;
	}


#kalender-wrapper {
	width:80%;
	margin: 0 auto 0 auto;
	}

.kalender-video {width: 21%; margin: 0 2% 4% 2%; float: left; position: relative; }


@media only screen and (max-width: 1259px) {
	.kalender-video {width: 29%; margin: 0 2% 4% 2%;}
	}

@media only screen and (max-width: 942px) {
	
	#work-top-headline {
	  width:100%;
		display: block;
		margin-bottom: 80px;}
	
		
		#kalender-wrapper {width:90%; margin: 0 auto 0 auto;}
	.kalender-video {width: 46%; margin: 0 2% 4% 2%;}
	

#work-top-text {
	  width:100%; margin: 0 auto 0 auto;
		font-size: 18px;
	}
	
	#pre-case {
	  width:100%;
	font-size: 30px;
	}
	
	#next-case {
	  width:100%;
	font-size: 30px;
	text-align: left;
	}
	

.billede-v img {
	width:100%;
	margin-bottom: 10%;
	}

.billede-h img {
	width:100%;
	}
	
	.video-v video {
	width:100%;
		margin-bottom: 10%;
	}

.video-h video {
	width:100%;
	}
	
	
	}

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

#work-top-headline {
	  width:100%;
	
	}

#work-top-text {
	  width:100%; margin: 0 auto 0 auto;
		font-size: 18px;
	}
	
	#kalender-wrapper {width:96%; margin: 0 auto 0 auto;}
	.kalender-video {width: 100%; margin: 0 0 4% 0;}
	
	}