/** Project: Best Practice SEO Page
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.5.2
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media screen {

    #header {
	}

	.ym-wrapper {
		margin: 0 auto;
		max-width: 80em;
		width: auto;
	}
	#header .ym-wrapper {
    }
    #logo {
	float:right;
       display:block;
	height:219px;
	max-height: 219px;
	max-width: 511px;
    }

	.ym-wbox {
		padding: 12px 12px 12px 12px;
	}

	#nav {
	background-color: #fff;
        border-top: 6px solid #29235c;
        border-bottom: 1px solid #58585A;
	}

	#main {
		background-color: #fff;
	    margin-top:10px;
	}

	#secondary {
		background-color: #fff;
		border-bottom: 0px;
	}

	#footer {
		border-top: 5px #efefef solid;
	}

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

	.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;
	}

    #pagination ul, #pagination ul li {
		display: inline;
       }
    #pagination a.active {
		font-weight: bold;
		border-bottom: 1px solid black;
	}
}

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

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

	#secondary .ym-g25 {
		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%;
	}

}