/* Smartphones (portrait) **/
@media only screen 
and (max-width : 959px) {

	/** Set everything we need to 100% **/
	
	body {
		font-size: 16px;
	}
	
	#wrapper {
		width: 100%;
		overflow: auto;
	}
	
	header div.logo a {
		float: left;
		display: block;
		margin: 40px 5% 0;
		text-decoration: none;
	}
	
	header h1 a img {
		/*width: 75%;*/
	}
	
	header #mobile_nav_button {
		float: right;
		display: block;
		margin: 80px 5% 0;
		font-weight: 400;
	}
	
	header #mobile_nav_button a {
		color: #787980;
		display: block;
		padding: 5px 10px;
        margin-top:-6px;
		background: #e1e2e0;
		font-weight: 400;
		border: 1px solid #e1e2e0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	header #mobile_nav_button a:hover {
		color: white;
		background: #94969A;
		border: 1px solid #94969A;
	}
	
	header nav#mobile {
		float: none;
		clear: both;
		width: 100%;
		display: none;
	}
	
	header nav#mobile ul {
		padding: 0;
		margin: 0;
		font-size: 1.2em;
		font-weight: 400;
		list-style: none;
	}
	
	header nav#mobile ul li {
		padding: 0;
		margin: 0;
	}
	
	header nav#mobile ul li a {
		color: #787980;
		display: block;
		padding: 10px 20px;
		background: #e1e2e0;
		border-bottom: 1px solid white;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	}
	
	header nav#mobile ul li a:hover {
		color: white;
		background: #94969A;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	}
	
	#teaser,
	#slider {
		display: none;
	}
	
	#content,
	#submenu {
		width: 100%;
		margin: 15px 0 15px 0;
	}
	
	#content,
	#content.has-right-sidebar {
		float: none;
		width: 100%;
		margin: 1em 0;
	}
	
	#content article {
		width: auto;
		margin: 0 20px;
		padding: 0;
	}

	#content article h1 {
		width: auto;
	}
	
	#content article .columns-two {
		float: none;
		width: auto;
		margin: 0;
	}
	
	.postcard {
		width: 100%;
	}
	
	.postcard-submit {
		margin: 0;
		padding: 0;
	}

	.file-upload,
	.file-upload-label {
		display: none;
	}
	
	#sidebar {
		display: none;
	}
	
	.deactivated {
		display: inline;
	}
	
	#menu-item-961 {
	/*	display: none;*/
	}
	
	header nav#top {
		top: 0;
		width: 100%;
		position: absolute;
	}
	
	header nav#top ul {
		width: 100%;
		background: #94969A;
	}
	
	header nav#top ul li {
		margin:0;
		padding: 0;
	}
	
	header nav#top ul li a,
	header nav#portal ul li a {
		color: white !important;
		background: #94969A !important;
		border: 0;
		padding: 7px 8px !important;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		font-size: 1em;
		margin:0;
	}
	
	header nav#top ul li a:hover,
	header nav#portal ul li a:hover {
		color: white;
		text-decoration: none;
		background: #94969A;
	}
		
	header nav#main ul {
		display: none;
		width: 100%;
		padding: 0;
		background: #efefef;
		margin: 0;
		position: relative;
	}
	
	header nav#main ul li {
		float: none;
		padding: 10px 20px;
		border-bottom: 1px solid #ccc;
	}
	
	header nav#main ul li a {
		display: block;
		padding: 0;
		white-space: nowrap;
	}
	
	header nav#main ul li:hover ul {
		display: none;
	}
	
	
	header nav select {
		float: right;
		display: block;
		margin: 4.8em 1em 0;
	}
	
	footer .box .inner {
		padding: 10px;
	}
	
	footer {
		margin: 0;
	}
	/*
	footer #footer-widgets {
		display: none;
	}
	
	
	footer #mobile-widgets {
		display: none;
	}
	*/
	footer nav#left {
		float: none;
	}

	footer nav#right {
		float: none;
	}

	footer nav ul,
	footer nav ul li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	footer nav ul li {
		float: none;
		border-bottom: 1px solid #E1E2E0;
	}
	
	footer nav ul li a {
		color: #94969a;
		display: block;
		margin: 0 0 0 0px;
		font-weight: 400;
		text-decoration: none;
		border: 1px solid transparent;
		font-size: 1.2em;
	}
	
	footer nav ul li a:hover {
		color: #ff6b00;
	}

	footer nav#left ul li a {
		padding: 8px 20px 10px 20px; 
	}

	footer nav#right ul li a {
		padding: 8px 20px 10px 20px; 
	}
	
	footer .contactsocialbox {

		float:none; width:auto; height:auto;
	}

	footer .box,
	footer .contactsocialbox .topbox,
	footer .contactsocialbox .socialbuttonsbox {

		float: left;
		width: 90%;
		margin: 10px 5%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);
	}


	footer .contactsocialbox .topbox .inner {

		height:auto;
	}

	footer .contactsocialbox .socialbuttonsbox {

		margin-bottom:20px;
	}


	footer .box.orange {

		margin: 10px 5%;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	}

	footer .box .inner {
		height: auto;
	}

	#fat_footer {
		display: none;
	}
	

	#gallery-1 .gallery-item {

		width:228px !important;
	 }

}



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

	header div.logo a {
		float: left;
		display: block;
		margin: 70px 5% 0;
		text-decoration: none;
	}
}

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

	header div.logo a {

		margin-top:90px;
	}

	header #mobile_nav_button {

		clear:both; float:right;
		margin-top:0px;
	}
}