@charset "UTF-8";
/* CSS Document */

@media (max-width: 1038px) {
  
  #logo
  {
	  margin: 0 0 0 10px
  }
  
  #tagline
  {
	  padding-left: 15px;
	  font-size: 14px;
  }
  
  #nav li.last
  {
	  padding-right: 7px;
  }
  
  #beyond .title,
  #who .title
  {
	  padding-left: 10px;
	  width: 30%;
  }
  #beyond .arrow
  {
	  width: 12%;
  }
  
  #beyond .copy
  {
	  width: 44%;
  }
  
  #services
  {
	  padding: 120px 10px 0 65px;
  }
  	#services .col
  	{
	  	width: 28%
  	}
  	
  	.home h2, .home h2 a:link, .home h2 a:visited
  	{
	  	font-size: 26px;
	  	line-height: 30px;
  	}
  	
  	
  #who .copy
  {
	  width: 70%;
  }
  
  .main-copy
  {
	  width: 55%;
	  padding-left: 20px;
  }
  
  body.not-front h1.title
  {
	  margin-left: 15px;
  }
  
  #content
  {
	  margin-top: 150px;
  }
  
  h2.services:after
  {
		display: none;
  }
  
  h2.leadership:after
  {
	  position: inherit;
	  float: right;
	  display: block;
  }
  
  .sidebar
  {
	  width: 33%;
  }
  
  .sidebar.right
  {
	  margin-left: 0;
  }
  
  .img-right,
  .img-left
  {
	 float: none;
  }
  
  .border
  {
	  border: none;
  }
  
  .full-img
  {
	  display: none;
  }
  
  #image-gallery ul.thumbs li.row
	{
		clear: none;
	}
	
	#image-gallery ul.thumbs li.last,
	#image-gallery ul.thumbs li
	{
		padding: 0 1% 1% 0;
	}
 
}



@media (max-width: 984px)
{
	#header,
	.not-front #header
	{
		background-image: none;
		height: 150px;
		background-color: #1c1b2e;
	}
		.not-front #header .inner-layer
		{
			background-image: none;
		}
		.center-wrapper
		{
			display: block;
			margin: 0 auto;
			width: 640px;
		}
	
	#tagline
	{
		font-size: 18px;
		padding-left: 25px;
	}
	
	#navigation
	{
		clear: both;
		padding-top: 15px;
	}
		ul#nav
		{
			float: none;
		}
			ul#nav li
			{
				display: inline-block;
				float: none;
				list-style-type: none;
				margin: 0;
				padding: 0 7px;
				text-align: center;
				width: 19%;
			}
				#nav li a:link, #nav li a:visited,
				#nav li a:hover, #nav li a:active
				{
					font-size: 18px;
				}
				
			ul#nav li,
			#nav li.last
			{
				padding: 0;
			}
	#beyond .title, #who .title
	{
		padding-left: 30px;
	}
	
	#beyond .copy
	{
		width: 40%;
		padding: 40px 0 0 55px;
	}
	
	#who .title
	{
		width: 52%;
	}
	#who .copy
	{
		width: 39%;
	}
		#who .copy ul li
		{
			float: none;
			display: block;
			margin: 0 auto;
		}
		
	#content
	{
		margin-top: 200px;
	}
	
	.main-copy
	{
		padding-left: 30px;
	}
	
	body.not-front h1.title:before
	{
		left: -28px;
	}
	
	body.not-front h1.title
	{
		font-size: 55px;
		margin-left: 60px;
	}
	
	
	
}


@media (max-width: 768px)
{
	body *
	{
		box-sizing: border-box;
	}
	.home h1
	{
		font-size: 38px;
		line-height: 44px;
	}
	
	.sidebar.right
	{
		display: none;
	}
	
	.main-copy
	{
		width: 100%;
		box-sizing: border-box;
		padding-right: 30px;
	}
	
	#image
	{
		margin-bottom: 80px;
	}
	
	#beyond
	{
		margin-bottom: 80px;
	}
	
	#beyond .title
	{
		margin-top: 40px;
	}
	
	#beyond .title img
	{
		width: 220px;
		height: auto;
	}
	
	#beyond .arrow a
	{
		margin-top: 90px;
	}
	
	#beyond .copy
	{
		padding: 0 0 0 82px;
		width: 50%;
		border: none;
	}
	
	.home h2, .home h2 a:link, .home h2 a:visited
	{
		font-size: 28px;
		line-height: 32px;
	}
	
	#who
	{
		margin-top: 80px;
	}
	
	#footer
	{
		box-sizing: content-box;
	}
	
	body.not-front #footer h3, #footer h3
	{
		font-size: 26px;
		line-height: 30px;
	}
	
	#image-bkg
	{
		height: 440px;
	}
	
	#beyond .arrow
	{
		display: none;
	}
	#beyond .title
	{
		width: 40%;
	}
	
	#who .title
	{
		width: 52%;
		padding-right: 20px;
		box-sizing: border-box;
	}
	
	 #image-gallery ul.thumbs li.row
	{
		clear: none;
	}
	
	#image-gallery ul.thumbs li.last,
	#image-gallery ul.thumbs li
	{
		margin: 0 10px 10px 0;
		width: 100%;
		text-align: center;
		padding: 0;
		max-width: 200px;
	}
	
}

@media (max-width: 720px)
{
	#image
	{
		margin-bottom: 40px;
	}
	
	#beyond .title,
	#who .title
	{
		width: 100%;
		padding: 0 30px;
		margin: 0;
	}
	
	#who .title br
	{
		display: none;
	}
	
	#beyond .copy
	{
		width: 100%;
		padding: 0 30px;
		margin: 20px 0 0 0;
		height: auto;
	}
	
	#services .col
	{
		width: 100%;
		margin: 0;
		padding-right: 30px;
		float: none;
		display: block;
		height: auto;
		margin: 0 0 15px 0;
	}
	
	#services
	{
		padding: 60px 30px 60px 65px;
		height: auto;
		background-image: none;
		background-color: #1c1b2e;
		clear: both;
	}
	
	.home #services .col h2
	{
		margin: 0 0 10px 0;
		padding-top: 5px;
	}
	
	#services .col ul li
	{
		margin: 0;
	}
	
	#who .copy
	{
		width: 100%;
	}
	
	.home h1
	{
		font-size: 26px;
		line-height: 30px;
	}
	
	#image #meet
	{
		height: 260px;
	}

	
}


@media (max-width: 685px)
{
	#header, .not-front #header
	{
		height: 215px;
	}
	
	.center-wrapper
	{
		width: 100%;
	}
	
	#logo
	{
		margin: 0 auto;
		float: none;
	}
	
	#tagline
	{
		clear: both;
		padding-left: 0;
		display: block;
		text-align: center;
		width: 100%;
		font-size: 26px;
	}
	
	#image
	{
		margin-top: 180px;
	}
}


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

	body, *
	{
		box-sizing: border-box;
	}
	
	#header, .not-front #header
	{
		height: 215px;
	}
	
	.center-wrapper
	{
		width: 100%;
	}
	
	#logo
	{
		margin: 0 auto;
		float: none;
	}
	
	#tagline
	{
		clear: both;
		padding-left: 0;
		display: block;
		text-align: center;
		width: 100%;
		font-size: 26px;
	}
	
	#image
	{
		margin-top: 140px;
		margin-bottom: 60px;
	}
	
	#image-bkg
	{
		height: 605px;
	}
	
	#image #meet
	{
		padding-top: 130px;
		height: 285px;
	}
	
	#nav li a:link, #nav li a:visited,
	#nav li a:hover, #nav li a:active
	{
		font-size: 32px;
	}
	
	body.not-front h1.title
	{
		margin-left: 30px;
		padding-right: 30px;
	}
	
	body.not-front h1.title:before
	{
		display: none;
	}
	
	#content
	{
		margin-top: 225px;
	}
	
	.home h1
	{
		font-size: 55px;
		line-height: 60px;
		font-weight: 300;
		margin-top: 70px;
	}
	
	#beyond .title, #who .title,
	.home h1.big-title
	{
		width: 100%;
		padding: 0 60px;
		float: none;
		font-size: 70px;
		line-height: 75px;
		text-align: center;
		margin: 0 0 20px 0;
	}
	
	#beyond .arrow
	{
		display: none;
	}
	
	#beyond .copy
	{
		border: none;
		padding: 0 60px;
		width: 100%;
		float: none;
		height: auto;
	}
	
	#beyond
	{
		height: auto;
		margin-bottom: 60px;
	}
	
	#beyond .copy p,
	#services .col ul li,
	#who .slider p,
	p,
	.author,
	body.not-front ul li
	{
		font-size: 36px;
		line-height: 44px;
		margin: 0 0 30px 0;
	}
	
	.slider p
	{
		text-align: left;
	}
	
	#services
	{
		clear: both;
		margin-top: 60px;
		background-image: none;
		background-color: #1c1b2e;
		padding: 30px 60px 60px 60px;
		height: auto;
	}
	
	#services .col
	{
		float: none;
		width: 100%;
	}
	
	#services .col-icon
	{
		display: none;
	}
	
	.home h2, .home h2 a:link, .home h2 a:visited
	{
		font-size: 50px;
		line-height: 55px;
	}
	
	.home #services .col h2
	{
		margin-top: 60px;
	}
	
	#who
	{
		clear: both;
		padding: 60px;
	}
	
	#who .copy
	{
		width: 100%;
		float: none;
		border: none;
		max-width: 100%;
	}
	
	#who .copy ul
	{
		width: 666px;
		margin: 0 auto;
		display: block;
	}
	
	#who .copy ul li
	{
		float: left;
	}
	
	#footer
	{
		height: 280px;
	}
	
	body.not-front #footer h3, #footer h3
	{
		font-size: 38px;
		line-height: 44px;
	}
	
	#footer p
	{
		font-size: 36px;
		line-height: 44px;
	}
	
	#content
	{
		margin-top: 280px;
	}
	
	body.not-front h1.title
	{
		width: 100%;
		padding: 0 60px;
		float: none;
		font-size: 70px;
		line-height: 75px;
		margin: 0 0 60px 0;
	}
	
	.sidebar.right
	{
		display: none;
	}
	
	.main-copy
	{
		padding: 0 60px;
		width: 100%;
	}
	
	body.not-front h2
	{
		font-size: 60px;
		line-height: 65px;
	}
	
	body.not-front.about h4
	{
		font-size: 40px;
		line-height: 45px;
	}
	
	body.not-front h5, body.not-front h5 a:link, body.not-front h5 a:visited,
	body.not-front h3
	{
		font-size: 36px;
		line-height: 44px;
	}
	
	body.not-front h4
	{
		font-size: 38px;
		line-height: 44px;
		margin: 30px 0 40px 0;
	}
	
	input, textarea
	{
		width: 100%;
		font-size: 36px;
		line-height: 44px;
		padding: 30px;
	}
	
	label
	{
		font-size: 36px;
		line-height: 44px;
	}
	
	input.form-button
	{
		padding: 60px;
	}
	
	
}


@media (max-width: 530px)
{
	body, *
	{
		box-sizing: border-box;
	}
	ul#nav li
	{
		width: 100%;
		padding: 10px 0;
	}
	
	#header, .not-front #header
	{
		height: auto;
		min-height: 410px;
	}
	
	#image
	{
		margin-top: 320px;
		width: 100%;
	}
	
	#image #meet
	{
		 max-width: 100%;
		 overflow: hidden;
		 height: 286px;
	}
	
	.home h1
	{
		margin: 0;
	}
	
	#footer
	{
		height: 200px;
	}
	
	#who .copy ul li
	{
		width: 100%;
	}
	
	#content
	{
		margin-top: 460px;
	}
	
	#footer
	{
		height: 330px;
	}
	
	#footer p 
	{
	}
	
	#footer p a,
	#footer span.copyright,
	#footer span.blue
	{
		display: block;
		line-height: 14px;
	}
	
	#footer span.gray
	{
		display: none;
	}
	
	textarea, input
	{
		max-width: 100%;
	}
	
	a.gallery-link
	{
		background-image: url(images/view-gallery-mobile.jpg);
	}
	
	
	
	
}

@media (max-width: 500px)
{
	.img-left, 
	.img-right
	{
		display: none;
	}
	
	h2.leadership:after
  {
	  float: none;
	  margin-top: 20px;
	}
}

@media (max-width: 520px)
{
	#image-gallery ul.thumbs li.last,
	#image-gallery ul.thumbs li
	{
		margin: 0 10px 10px 0;
		width: 100%;
		text-align: center;
		padding: 0;
		max-width: 480px;
	}
}



@media (max-width: 340px)
{
	#image #meet img
	{
		display: none;
	}
	
	#image #meet 
	{
		height: 200px;
	}
	
	#clients
	{
		overflow: hidden;
	}
	
	#image h1
	{
		width: 100%;
		padding: 0 30px;
	}
	
	
}