/* ------------------------------------------------------------------------	*/
/* !MEDIA QUERIES */
/* ------------------------------------------------------------------------	*/

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

	.wrapper {
		width: 100%;
	}

	#primary, #secondary {
		padding-right: 20px;
		padding-left: 20px;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 33.33%;
	}

}

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

	.site-branding {
		text-align: center;
	}

	.main-navigation {
		float: none;
		position: static;
		right: auto;
		bottom: auto;
		padding-bottom: 10px;
		text-align: center;
	}

	.main-navigation li {
		float: none;
		display: inline-block;
	}

	.main-navigation .menu > li {
		margin: 0 12px;
	}

	.main-navigation ul ul li {
		text-align: left;
	}

}

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

	h1.entry-title {
		font-size: 3em;
		line-height: normal;
		text-align: center;
	}

	#subnavigation {
		display: none;
	}

	#subnavigation-select {
		display: block;
	}

	.main-navigation a {
		font-size: 13px;
		font-size: 1.3rem;
	}

}

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

	#intro {
		padding: 20px;
	}

	#primary, #secondary {
		float: none;
		width: 100%;
	}

/*
	ul.blocks li {
		float: none;
	}
*/

	.span2, .span3, .span4, .span5 {
		width: 50%;
	}

	.span3:nth-child(3n+1),
	.span4:nth-child(4n+1),
	.span5:nth-child(5n+1) {
		clear: none;
	}

	.span3:nth-child(2n+1),
	.span4:nth-child(2n+1),
	.span5:nth-child(2n+1) {
		clear: both;
	}

	#banner .wpgmza_map {
		height: 300px !important;
	}

}

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

	.menu-primary-navigation-container {
		background: rgba(0,0,0,0.4);
	}

	.main-navigation {
		padding-bottom: 0;
	}

	.main-navigation.toggled ul {
		display: block;
	}

	.main-navigation li {
		display: block;
		line-height: 40px;
	}

	.main-navigation a {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.main-navigation ul.sub-menu {
		border-top: 1px solid rgba(255,255,255,0.1);
		border-bottom: 1px dotted rgba(255,255,255,0.1);
		margin-bottom: 1em;
	}

	.main-navigation ul ul {
		box-shadow: none;
		float: none;
		position: static;
		top: auto;
		left: auto;
		z-index: 99999;
		border-top: none;
	}

	.main-navigation ul ul li {
		display: inline-block;
	}

	.main-navigation ul ul a {
	    background: none;
	    width: 100%;
	    color: rgba(255,255,255,0.8);
	    line-height: inherit;
	    text-align: center;
	}

	.span2, .span3, .span4, .span5 {
		width: 50%;
	}

}

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

	.span2, .span3, .span4, .span5 {
		width: 100%;
	}

}