@media(max-width: 1419px) {
	#panel {
		width: 13em;
	}

	#page-wrap.wrap {
		max-width: 950px;
		padding-left: 13.375em;
	}
}

@media(max-width: 1024px) {

	html {
		background-size: auto;
	}

	#menubtn {
		display: inline-block;
	}

	#page-wrap.wrap {
		padding-left: 0;
	}

	#panel {
		position: static;
		display: none;
		width: auto;
		margin-bottom: 0px;
	}
	#panel #nav ul {
		padding: 10px 25px;
	}

	#toplogo {
		position: relative;
		top: -29px;
		margin-bottom: 0;
	}

	#contact-buttons {
		padding-bottom: 20px;
	}
}

@media(max-width: 767px) {

	#true-content {
		padding: 10px;
	}

	#menubtn {
		margin:3px 0 0 3px;
	}

	#pagebody h1 {
		font-size: 1.8em;
	}
	#pagebody h2 {
		font-size: 1.2em;
	}

	#pagebody p {
		font-size: 1.1em;
	}

	

	#hero-logo {
		width: 300px;
	}
	#home-hero #tagline {
		width: 325px;
		font-size: .65em;
	}
	#home-hero #buttons {
		width: 325px;
	}

	ul.port li {
		width: 48%;
	}
	ul.port li a {
		height: 120px;
	}
	
	

}