/** Project: iteh
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.4.1
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media screen {

	#header {
	}

	.ym-wrapper {
		margin: 0 auto;
		max-width: 80em;
		width: auto;
	}

	.ym-wbox {
		padding: 12px 12px 12px 12px;
		background-color: #fff;
	}
	
		#foooter a {
		color: #111;
	}
	
		.ym-wbox-footer {
		padding: 12px 12px 12px 20px;
	}
	
		#secondary .ym-wbox {
		padding: 24px 12px 12px 20px;
		background-color: #fff;
	}
	
	.ym-wbox-nav {
	   padding: 0px 0px 0px 0px;
	   background-color: #f0f0f0;
	}
	
	.ym-wbox-head {
		padding: 12px 12px 20px 12px;
		background-color: #fff;
	}

	#nav {
	}

	#main {
		background-color: #fff;
	}

	#secondary {
	}

	#footer {
	}

	.ym-gbox-left {
		margin: 0 12px 0 0;
		padding: 0;
		padding-right: 20px;
	}

	.ym-gbox-right {
	}

	.ym-gbox {
	}

	.overlay {
		background-color: rgba(0,0,0,.75);
		bottom: 48px;
		left: 24px;
		padding: 12px;
		position: absolute;
		width: 40%;
		z-index: 200;
	}

	#teaser {
		position: relative;
	}

}

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

	#secondary .ym-g66 {
		float: none;
		width: auto;
	}

	#secondary .ym-g33 {
		width: 50%;
	}

	.overlay {
		bottom: 1em;
		left: 1em;
		width: 60%;
	}

	.ym-hlist ul {
		display: block;
		float: none;
	}

	.ym-hlist ul li {
		display: block;
		float: none;
	}

	.ym-gbox-left {
		margin: 0;
	}

}

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

	.overlay {
		display: none;
	}

	.ym-searchform {
		display: none;
	}

	body {
		font-size: 100%;
	}

	h1 {
		font-size: 150%;
	}

	h6 {
		font-size: 100%;
	}

}