/*
--------------------------------------------------
(c) 2013 Michael Kuphal - all rights reserved
Michael Kuphal, Grossgoerschenstr. 1, 10827 Berlin
http://www.michaelkuphal.de
--------------------------------------------------
*/



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

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

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.content_middle {
			margin-top: 200px;
		}

		
	}

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

		.content_middle {
			margin-top: 60px;
		}
		.webber {
			display: none;
		}
	}

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

		nav {
			display: none;
		}
		#mobile-nav {
			display: block;
		}
		#homepage {
			*background: url(../images/blank.gif);
		}
		
		.homepage-bottom {
			bottom: 90px;
		}

		
		
		.menu_left_mod {
			padding-left: 0px;
		}
		
		.back {
			*right: 44%;
			padding-top: 0px !important;
			margin-top: -8px;
			margin-right: -10px;
		}
		.content_middle {
			width: 100%;
		}
		#socialmedia_bar {
			right: 10px;
			bottom: 5px;
		}
		#small_title_top {
			*padding-top: 18px;
			*padding-left: 18px;
			*left: auto;
			*right: 0px;
		}
		#small_title_top p {
			display: none;
		}
		.footer_right {
			display: none;
		}
		.webber {
			display: none;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		nav {
			display: none;
		}
		#mobile-nav {
			display: block;
		}
		#homepage {
			*background: url(../images/blank.gif);
		}
		.homepage-bottom {
			*bottom: 90px;
		}

		.menu_left_mod {
			padding-left: 0px;
		}
		
		.back {
			*right: 42%;
			*padding-top: 0px !important;
			*margin-top: -5px;
			padding-top: 0px !important;
			margin-top: -8px;
			margin-right: -10px;
		}
		.content_middle {
			width: 100%;
		}
		
		#footer {
			font-size: 10px;
		}
		#footer p {
			margin-left: -10px !important;
		}
		.footer_right {
			display: none;
		}

		#socialmedia_bar {
			right: 10px;
			bottom: 5px;
		}
		#small_title_top p {
			display: none;
		}
		.open_big_one {
			display: none;
		}
		.webber {
			display: none;
		}
	}
	

/* #Retina Screens
================================================== */

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
	#mobile-nav-trigger {
		background: #0e0f0f url("../images/hamburger-retina.gif") no-repeat 50% 50%;
		-webkit-background-size: 100px 100px;
		-moz-background-size: 100px 100px;
		-o-background-size: 100px 100px;
		background-size: 100px 100px;
	}
}