/* Mobile */

@media handheld, only screen and (max-width: 700px) {

	#drop-top{
		line-height: 23px;
	}

	.content .hero{
		margin-top: 100px;
	}

	.content .hero img{
		min-width: 700px;
		position: relative;
		left : 50%;
		margin-left: -350px;
	}

	.drop-container .drop-left{
		width: 100%;
		margin-bottom: 20px;
	}

	.drop-container .drop-right{
		width: 100%;
	}

	.drop-container .drop-buttons{
		float: none;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.drop-container .drop-buttons button{
		width: 180px;
	}

	/*  Well overview  */

	.well-section .main-img, .well-section.right .main-img {
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
	}

	.well-section .column, .well-section.right .column{
		margin-left: auto;
		margin-right: auto;
		float: none;
		display: block;
		width: 90%;
	}

	.well-section .column img{
		margin-left: 20px;
	}

	.well-section .column .text-data{
		width: 100%;
		display: inline;
		float: none;
	}

	.well-section .column .text-data .title{
		display: inline;
		margin-left: 20px;
	}


	/*  PEople PErson*/


	.people-block-left, .people-block-right{
		float: none;
		width: 90%;
	}

	.people-block-right{
		margin-top: 30px;
		border-top: 1px solid #000; 
		padding-top: 20px;
	}

	.content .people-person-sep{
		display: none;
	}

	/*   About US */

	.content .about-us-hero .large{
		display: none;
	}

	.content .about-us-hero .small{
		display: block;
		margin-left: auto;
		margin-right: auto;		
	}

	.about-left{
		float: none;
		width: 100%;
		height: inherit;
	}

	.about-right {
		float: none;
		width: 90%;
		margin-top: 30px;
	}

	.about-right button{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	/*   Peeps Page   */

	.content #peeps-crew{
		width: 100%;
	}
	.content #peeps-crew .peep{
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	#floating-grid{
		width: 100%;
		margin-left: 0px;
	}
}