@media only screen and  (max-width: 600px)   {
	
	body{
		max-width:100%;
		//overflow: hidden;
		//background-color:blue;
		}	


	.masthead  {
		width: 100%;
		height: 198px;
		//min-width: 300px;
		//font-family: 'hammer_fatregular', sans-serif;
		padding: 0px 0px;
		color: #fff;
		background-size: auto 100%;
		}

	.masthead_title  {
		//position:relative;
		font-size: 50px;
		//padding-left: 20px;
		padding-top: 20px;
		//background: orange;
		text-align: center;
		}

	.masthead_subtitle  {
		color:white;
		font-size: 18px;
		margin-top: -5px;
		//padding-left: 20px;
		//background: purple;
		padding-bottom: 20px;
		text-align: center;
		}


	.masthead_nav  {
		margin-top: 20px;
		border-top: 1px solid white;
		width: 100%;
		padding-top:11px;
		//padding-left: 20px;
		//background: pink
		}

	.masthead_nav_item   {
		cursor: pointer;
		transition: 0.3s;
		display: inline-block;
		vertical-align: middle;
		width:33.33%;
		margin:0 0;
		padding: 0 0;
		//background:red;
		text-align: center;
		float:left;
		}

	.masthead_nav_item a  {
		font-size: 18px;
		//display: inline-block;
		margin-right: 0px;
		text-decoration:none;
		color: #fff;
		border-bottom:  0px solid transparent;
		//background:blue;
		}

	.masthead_nav_item a:hover  {
		//font-size: 30px;
		color: orange;
		}	
		
	.gray_background  {
		display: none;
		}

	.insights  {
		display: none;
		}
		
	.process  {
		display: none;
		}
		
		
}		
		
		
		
@media only screen and  (max-width: 700px)   {		
	
	.content_title_area {
		//margin: 30px 0px;
		}
	
	
	.banner {
		position:absolute;
		top: 0px;
		width: 100%;
		height: 122px;
		padding: 0px 0px;
		color: #fff;
		background-repeat: repeat-x;
		background-size: auto 100%;
		}
	

	
	
	.banner_title  {
		text-align:center;
		//background:blue;
		left:0;
		padding-top:7px;
		}
	
	.banner_title a  {
		position:relative;
		//top:-2px;
		left:0px;
		//color:white;
		//font-size: 32px;
		//padding-top: 0px;
		//width: 350px;
		}

	.banner_spacer  {
		position:relative;
		width:100%;
		display:block;
		height: 125px;
		//background:blue;
		}
	
	.banner_nav  {
		margin: 0 auto;
		width: 100%;
		color:white;
		//font-family: 'Open Sans', sans-serif;
		position: relative;
		top:0;
		border-top: 1px solid #d2ebe9;
		margin-top: 5px;	
		}
	
	.banner_nav_item   {
		cursor: pointer;
		//transition: 0.3s;
		font-size: 1em;
		//margin: auto 10px;
		//background: red;
		display: inline-block;
		//vertical-align: middle;
		//width:15%;
		margin: 0 20px;
		//padding: 0px 10px 4px 10px;
		}
		
	.banner_nav_item a  {
		padding: 6px 10px;
		//background:yellow;
		}
		
	.banner_subtitle  {
		text-align:center;
		//background:blue;
		left:0;
		}
		
	.banner_subtitle a {
		//position:relative;
		left:0px;
		//width: 350px;
		//color:white;
		//font-size: 1em;
		//top:-9px;
		}
}

@media only screen and  (max-width: 450px)   {
	.banner_nav_item   {
		cursor: pointer;
		font-size: 1em;
		//background: red;
		display: inline-block;
		margin: 0 10px;

		}
}


@media only screen and  (max-width: 700px)   {
	.tile-grid-container {
	  grid-template-columns: auto auto;
	  grid-column-gap: 8%;
	  grid-row-gap: 60px;
	  //background: blue;
	}
}

@media only screen and  (max-width: 500px)   {
	.tile-grid-container {
	  grid-template-columns: auto;
	  grid-column-gap: 8%;
	  grid-row-gap: 60px;
	  //background: red;
	    padding: 0px 0;
		margin: 20px auto;
	}
}