@media (max-width: 720px) {
	
	body {
		background: 		
			url(../media/img-header.jpg) center -40px no-repeat,
			url(../media/bg-header.gif) left -40px repeat-x
		;
		overflow-x: hidden;
	}
	
	html {
		overflow-x: hidden;
	}

	#wrapper {
		width: 100%;
		padding-top: 235px;
	}

	#bg {
		height: 201px;
	}

	#bg-mobile {
		display: block;
	}

	#bg-desktop {
		display: none;
	}
	
	.claim {
		visibility: hidden;
	}
	
	.logo {
		right: 15px;
	}
	
	#site-search {
		right: auto;
		left: 15px;
		top: 150px
	}
	
	#nav-meta {
		text-transform: none;
		top: 10px;
		left: 15px;
	}
	
	#nav-meta ul > li:first-child {
		display: none;
	}
	
	#nav-meta ul > li:nth-child(2) {
		border: 0;
	}
	
	i.icon-mobile-nav {
		right: 15px;
		top: -38px;
		cursor: pointer;
	}
	
	#nav-main {
		width: 100%;
	}
	
	#nav-main ul {
		background-color: #8F8E8D !important;
		background-image: none !important;
		width: 100% !important;
		box-shadow: none !important;
	}
	
	#nav-main > ul {
		position: absolute;
		top: -10000px;
		left: -10000px;
	}
	
	#nav-main ul li {
		background-image: none !important;
		height: 50px !important;
	}
	
	#nav-main > ul.active {
		top: 1px;
		left: 0;
	}
	
	#nav-main > ul.back {
		left: -100%;
		transition: left 0.5s;
	}
	
	#nav-main > ul.top {
		left: 0;
		transition: left 0.5s;
	}
	
	#nav-main > ul > li > ul {
		top: -1px !important;
		left: 100% !important;
		background-color: #8F8E8D !important;
		display: none;
	}
	
	#nav-main > ul > li > ul.active {
		display: block;
		padding: 0;
	}
	
	#nav-main ul ul li a {
		background-color: #8F8E8D;
	}
	
	#nav-main ul li {
		position: static;
		float: none;
		width: 100%;
		border-top: 1px solid white;
	}
	
	#nav-main ul li.sub > a {
		background: url(../media/spritesheet.png) 96% -643px no-repeat;
		background-size: 35px;
	}
	
	#nav-main .parent,
	#nav-main .mobnav-back {
		position: static;
		top: auto;
		left: auto;
	}
	
	#nav-main ul li.mobnav-back a {
		background: url(../media/spritesheet.png) 15px -540px no-repeat;
		background-size: 35px;
		padding-left: 60px !important;
	}
	
	#nav-main ul li.parent a {
		background-color: #666;
		text-transform: uppercase !important;
		font-size: 20px !important;
	}
	
	#nav-main ul li.parent a:hover {
		background-color: #666 !important;
	}
	
	#nav-main a {
		display: block;
		color: black;
		text-transform: none !important;
		color: white;	
		box-shadow: none !important;	
		padding: 15px !important;
		font-size: 15px;
		text-align: left !important;
	}
	
	#nav-main li.active > a,
	#nav-main li.active > a:hover {
		background-color: #900 !important;
	}
	
	#nav-main > ul > li > a,
	#nav-main > ul > li > a:hover {
		text-transform: uppercase !important;
		background-color: #666 !important;
		font-size: 20px !important;
	}
	
	#nav-main > ul > li > a:hover {
		background-color: #900 !important;
	}
	
	.row {
		margin: 0;
		padding: 0;
	}
	
	.col-1-3, .col-2-3 {
		clear: both;
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
		box-sizing: border-box;
	}
	
	footer {
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
		box-sizing: border-box;
	}
	
	.team article img {
		display: none !important;
	}
	
	.team article {
		padding-right: 50px;
	}
	
	main img {
		max-width: 100%;
	}
	
	section.editorial article {
		width: 95%;
		float: none;
	}

}