/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Media Queries
================================================== */

	/* 1 Anything below starting width */
	@media only screen and (max-width: 1200px)  {}

	/* 2 Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		/* Features 3 columns */
		.features li {
			margin: 0 2% 20px;
			width: 29.33%;
		}

		/* Portfolio items 2 columns*/
		.port-item {
			width: 47.9%;
		}

		/* Portfolio menu 2 columns */
		.filter-menu {
			margin-bottom: 40px;
		}

		.filter-menu li {
			display: block;
			margin: 0 auto 10px;
			width: 48%;
		}

		/* When 1 col is better than 2 */
		.blog-main,
		.aside,
		.project>.container>.one-third,
		.project>.container>.two-thirds {
			margin: 0;
			width: 100%;
		}
		
		.blog-main {
			margin-bottom: 70px;
		}

		/* Feature hex images 1 column */
		.feature-imgs {
			text-align: center;
			display: block;
			position: relative;
		}
		.feature-imgs li {
			display: inline-block;
			margin-bottom: 20px;
			padding-bottom: 20px;
			float: none;
			width: 50%;
		}
		.feature-imgs .middle {
			margin-top: 0;
		}

		/* Clients 3 columns */
		.clients li {
			margin: 0 1% 20px;
			width: 30%;
			overflow: hidden;
		}

		/* Slider smaller */
		.welcome .caption-title {
			font-size: 60px;
		}

		.welcome .caption-subtitle {
			font-size: 26px;
		}

		/* SHORTEN SLIDER */
		.slider-wrapper .bx-viewport,
		.slider-wrapper .bx-wrapper,
		.slider-wrapper,
		.main-slider {
			height: 500px !important;
		}

	}

	/* 3 Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* 4 All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {


		/* Features 2 columns */
		.features li {
			margin: 0 1% 20px;
			width: 48%;
		}

		/* Portfolio items full width*/
		.port-item {
			padding: 0;
			width: 100%;
		}

		/* Clients 3 columns */
		.clients li {
			margin: 0 1% 20px;
			width: 48%;
		}

		/* Slider smaller */
		.welcome .caption-title {
			font-size: 40px;
		}

		.welcome .caption-subtitle {
			font-size: 20px;
		}

		.tweet_text {
			width: 100%;
		}

		/* Hide Revolution arrows on small screen */
		.tp-leftarrow,
		.tp-rightarrow {
			display: none;
		}

	}

	/* 5 Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* 6 Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
#V1 .selectnav {margin-top: 10px;}
#V1 .one-third p {margin-bottom: 5px; font-weight: 700}
	
#V1 h1 {margin-bottom: 30px; font-size: 30px;}
#V1 h2 {font-size: 24px;}
.sect-4 {
    background: #222;
    padding: 70px 0 70px;
}

#impressum { padding-top: 100px}

#V1 #news li {line-height: 1.5;}
#V1 #news p {margin-right: 10px;}
#V1 #news h6 {font-size: 14px;}
.container { width: 90%; }
#V1 .description {
    text-align: center;
    font-size: 18px;
    width: 90%;
    margin: 0 auto 30px;
}


.footer .address {width: 90%; margin: 0 auto;}
		.feature-imgs li {
			width: 100%;
		}

		/* Portfolio menu 100% */
		.filter-menu li {
			width: 100%;
		}

	}

	@media only screen and (max-width: 240px) {
		/* Hides logo on exceptionally narrow devices */
		.header .logo {
			display: none;
		}
	}

	/* 7 Narrow screens */
	@media only screen and (max-width: 959px) {

		.main_menu {
			display: none;
		}

		.header .container {
			width: 100%;
			
		}

		.selectnav {
			display: block;
			float: right;
		}

		.header {
			background: #555;
			background: #fff;
			padding: 20px;
			height: 70px;
			
			top:0;
			
		}

		/* Extra space for bigger header */
		.page {
			padding-top: 120px; /* To match .header height */
		}
		.slider-wrapper {
			margin-top: 70px; 
			margin-top: 70px;/* To match .header height */
		}


		.logo { width: 40px; margin-bottom: 10px; display: none;}
		.logo  img { width: 100%; }
		.logo-2 {width: 300px; margin: 5px 0 50px 0;}
		
		.description {
    text-align: center;
    font-size: 18px;
    width: 90%;
    margin: 0 auto 60px;
}

.footer {
    background: #ada19a;
    text-align: center;
    padding: 40px 0 10px;
    position: relative;
    font-size:16px;
    color:#ffffff;
   
}



	}