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

/*Colors*/
/*Lime: #aecc36*/
/*Light Grey: #bdbec0*/
/*Dark Grey: #5a5c5c*/

body{
	font-family: 'Lucida Sans', arial, sans-serif;
	color: #5a5c5c;
}

/* background */
	.backgroundDiv{
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: -1000;
	}
	.backgroundImg{
		height: 100%;
		width: 100%;
	}
	.gearFixed{
		position: fixed;
		z-index: -999;	
	}
	.gearLT{
		max-height: 320px;
		left: 0px;
		bottom: 400px;	
	}
	.gearLB{
		max-height: 320px;
		left: 0px;
		bottom: 0px;	
	}
	.gearRT{
		max-height: 280px;
		right: 0px;
		bottom: 350px;	
	}
	.gearRB{
		max-height: 250px;
		right: 0px;
		bottom: 0px;	
	}

/* container */
	.container{
		background-color: rgba(255, 255, 255, 0.5);
	}

	hr{
	    margin-top: 0;
	    margin-bottom: 0;
	    border: 0;
	    border-top: 1px solid #aecc36;
	}

/* rows */
	.rowPaddingTop10{
		padding-top: 10px;
	}
	.rowPaddingTop20{
		padding-top: 20px;
	}
	.rowPaddingBottom20{
		padding-bottom: 20px;
	}

/* header logo/contact */
	.imgLogoBrand{
		max-width: 100px;
		height: auto;
		display: inline-block;
		margin-bottom: -50px;
		margin-top: -20px;
	}
	.imgContactTop{
		max-height: 60px;
		width: auto;
		display: inline-block;
	}

/* navbar */
	.navbar-default .navbar-nav > li > a {
	    color: #5a5c5c;
	}
	/* navbar color */
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	    border-color: transparent;
		}
	.navbar-default {
	    background-color: transparent;
	    border-color: transparent;
	}
	.navbar{
		margin-bottom: 10px;
	}

/* Carousel */
	.carousel-caption {
	    position: absolute;
	    right: 15%;
	    bottom: 40px;
	    left: 15%;
	    z-index: 10;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    color: #aecc36;
	    text-align: center;
	    text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
	}
	.carousel-control {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    width: 8%;
	    font-size: 18px;
	    color: #bdbec0;
	    text-align: center;
	    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	    background-color: rgba(0, 0, 0, 0);
	    filter: alpha(opacity=50);
	    opacity: .5;
	}
	.carousel-control:focus, .carousel-control:hover {
	    color: #5a5c5c;
	    text-decoration: none;
	    filter: alpha(opacity=90);
	    outline: 0;
	    opacity: .9;
	}
	.carousel-indicators {
	    position: absolute;
	    bottom: 10px;
	    left: 50%;
	    z-index: 15;
	    width: 60%;
	    padding-left: 0;
	    margin-left: -30%;
	    text-align: center;
	    list-style: none;
	}
	.carousel-indicators .active {
	    width: 12px;
	    height: 12px;
	    margin: 0;
	    background-color: #bdbec0;
	}
	.carousel-indicators li {
	    display: inline-block;
	    width: 10px;
	    height: 10px;
	    margin: 1px;
	    text-indent: -999px;
	    cursor: pointer;
	    background-color: #000\9;
	    background-color: rgba(0,0,0,0);
	    border: 1px solid #bdbec0;
	    border-radius: 10px;
	}
	.sliderImg{
		min-width: 100%;
		height: auto;
	}		

/* text og links */
	.headlines{
		padding-bottom: 10px;
	}
	a{
		font-size: 1.5em;
		color: #5a5c5c;
	}
	a:hover, a:focus {
	    color: #333;
	    text-decoration: underline;
	}
	.contactLink{
		font-size: 18px;
		text-decoration: underline;
	}
	.aboutText{
		font-size: 1.2em;
	}
	.carouselText{
		font-size: 3.1em;
	}
	.canTitle{
		font-size: 1.8em;
	}
	.copyrightText{
		color: #9c9d9d;
	}
	
/* images */
	.aboutImg{
		padding-top: 5px;
	}

/* tilTop */
	.tilTop{
		text-decoration: none;
		font-size: 1em;
		text-decoration: none;
	}
	.tilTop:hover, .tilTop:focus{
		text-decoration: none;	
	}

/* large screens */
	@media (min-width: 1800px){
		/* background gears*/
		.gearLT{
			max-height: 350px;
			bottom: 660px;	
		}
		.gearLB{
			max-height: 450px;	
		}
		.gearRT{
			max-height: 280px;
			bottom: 500px;	
		}
		.gearRB{
			max-height: 300px;	
		}

		.container{
	    	min-width: 1600px;
		}

		.imgLargeScreen{
			width: 100%;
			height: auto;
		}

		/* text */
		.headlines{
			font-size: 4em;	
		}
		.canTitle{
			font-size: 3em;
		}
		.subHeadline{
			font-size: 2em;
		}
		.descriptionText{
			font-size: 1.6em;
		}
		.contactLink{
			font-size: 1em;
		}
		.adressTextLargeScreen{
			font-size: 2.4em;
		}
	}

/* tablet */
	@media (min-width: 768px) and (max-width: 992px) {
		/* background gears*/
		.gearLT{
			max-height: 250px;
			bottom: 360px;	
		}
		.gearLB{
			max-height: 280px;	
		}
		.gearRT{
			max-height: 180px;
			bottom: 300px;	
		}
		.gearRB{
			max-height: 150px;	
		}		
	}

/* mobile */
	@media (min-width: 150px) and (max-width: 767px){
		/* background gears*/
		.gearLT{
			max-height: 220px;
			bottom: 140px;	
		}
		.gearRT{
			max-height: 180px;
			bottom: 300px;	
		}
		.gearRB{
			max-height: 150px;	
		}	

		/* rows */
		.rowPaddingTop10{
			padding-top: 0px;
		}
		.rowPaddingTop20{
			padding-top: 0px;
		}
		.rowPaddingBottom20{
			padding-bottom: 0px;
		}
		.mobilePaddingBottom20{
			padding-bottom: 20px;
		}
		.mobilePaddingTop10{
			padding-top: 10px;
		}

		/* text */
		.adressTextMobile{
			font-size: 1.4em;
		}
		.copyrightText{
			font-size: .7em;
		}
	}