/* Media Queries */

@media screen and (max-width: 1320px) {
	.explainer-top
	{
		margin: 35px 0;
		padding: 35px 15%;
		line-height:30px;
		height:250px;
		font-size:18px;
	}


}


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


	#navlogo
	{
		width:175px;
		margin-left:30px;
	}


	#hero-image
	{
		height:350px;
		padding:90px 0 0 0;
	}


	#hero-text-area
	{
		line-height:50px;
	}


	#hero-text-area h1 span:nth-child(2)
	{
		font-size:35px;
	}


	#hero-text-area h1 span:nth-child(1), #hero-text-area h2
	{
		font-size: 18px;
	}

	.explainer-top
	{
		margin: 35px 0;
		padding: 3% 15%;
		line-height:30px;
		height:250px;
		font-size:18px;
	}

	#hero-text-area sup
	{
		position:relative;
		font-size:40%;
		top:-20px;
		left:3px;
		font-style:normal;
	}

}


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


	#main-navbar
	{
		position:static;
		height:auto;
		background-color:#000;
	}

	#navlogo-cont {

  		padding-left: 0px;
	}

	#navlogo
	{
		margin:15px auto 0 auto;
		display:block;
	}

	#navlogo.past-main
	{
		margin:15px auto 0 auto;
	}


	.explainer-top
	{
		margin: 35px 0;
		padding: 25px 15px;
		line-height:22px;
		height:175px;
		font-size:15px;
	}


	#hero-image
	{
		height:350px;
		padding:55px 0 0 0;
	}

	#hero-text-area
	{
		text-align:center;
		color:white;
	
	}


	#hero-text-area h1 span:nth-child(2) em
	{
		width:100%;
		border-bottom:5px solid rgba(238, 49, 36, .5);
		position:relative;
		top:-15px;
		padding-bottom:4px;
		margin-right:15px;
		margin-left:15px;
		line-height:55px;
	}


	#hero-text-area h2
	{
		line-height: 24px;
		margin-top:-10px;
	}


	.grid-area
	{
		padding:0px 0% 20px 0%;
		font-size:20px;
		text-align:center;
	}



	.grid-area > div
	{
		padding:15px 5px 15px 5px;

	}

	.grid-area img
	{
		max-width:300px;
		margin-bottom:-5px;
	}


	#footer
	{
		padding:15px 15px;
		background-color:#000;
		color:#dedede;
		text-align:center;
		font-size:10px;
		margin-top:30px;
	}


	.explainer-bottom
	{
		font-size:18px;
		margin: 30px 5% 30px 5%;
		text-align:center;
	}


	.grid-bg
	{
		background-image: url('../images/grid-bg.png');
		background-repeat: repeat-y;
		background-size:100%;
		padding:0 0;
	}



}



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


	.explainer-top
	{
		margin: 35px 0;
		padding: 0px 15px;
		line-height:22px;
		height:175px;
		font-size:15px;
	}


}



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


.explainer-top
	{
		margin: 35px 0;
		padding: 0px 15px;
		line-height:20px;
		height:175px;
		font-size:13px;
		font-family:'FuturaHeavy';
	}

}