/* Global Styles */

html, body {
  	padding: 0px 10px 0px 10px;
}

body {
	margin: 20px auto 20px auto;
	
  	font-size: 18px;
	line-height: 1.6em;
	font-weight: 300;
	text-shadow: none;
	font-family: 'Arial', sans-serif;

}

.container-main {
	
	height: auto; 

	background: url('tausta2016_new.png') no-repeat left top;
	background-size:100%, 100%;
	
	/*http://www.cssmatic.com/box-shadow*/
	box-shadow: 0px 0px 7px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5); 
		-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5); 		
		  -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
		  
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
		-moz-border-radius: 5px; 
		  -o-border-radius: 5px;
}

.container-sub {

	min-height: 700px; 
	height: auto !important; 
	height: 700px;
	width: auto !important; 
   
	margin: 15% auto auto 20%;
   
	background: rgb(255,255,255);
	background: transparent\9;
	background: rgba(255,255,255,0.9);
	zoom: 1;

	/*http://www.cssmatic.com/box-shadow*/
	box-shadow: 0px 0px 7px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5); 
		-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5); 		
		  -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
		  
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
		-moz-border-radius: 5px; 
		  -o-border-radius: 5px;	

}

.navbar-rase {
	margin-top: 10px;
	border-radius: 0;
	border-top: 2px solid #A0A0A0;
	border-bottom: 2px solid #A0A0A0;
	font-family: 'Arial Black', sans-serif;
  	font-size: 20px;
	line-height: 1.6em;
}

.navbar-rase .navbar-toggle .icon-bar {
	background-color: #A0A0A0;
}

#links .a{
	padding: 50px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  	margin-bottom: 20px;
	margin-left: 100px;
	max-width: 600px;
	position: center
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  	z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  	height: 450px;
  	background-color:#555;
}

.carousel img {
  	position: absolute;
  	top: 0;
  	left: 0;
  	min-height: 500px;
}

@media (max-width: 767px) {
	.carousel .item {
	  	height: 250px;
	  	background-color:#555;
	}
	
	.carousel img {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	min-height: 250px;
	}
}

@media (max-width: 699px) {
	.container-main {
		background: url('tausta2016_small.png') no-repeat left top;
		background-size:100%, 100%;
	}
	
	.container-sub {

		/* min-height: 700px; 
		height: auto !important; 
		height: 700px;
		width: auto !important; 
	   
		*/
	   
		margin: 18% 3% auto 3%;
	}

	.carousel {
		margin-left: 20px;
	}

	.carousel .item {
	  	height: 160px;
	  	background-color:#555;
	}
	
	.carousel img {
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	min-height: 50px;
	  /*	min-height: 160px; */
	}
}