/*	dark brown:
	#3c2415;

	mid brown: 
	#603913;

	lite brown: 
	#d3b297;

	yellow:
	#ffde17;

*/
*{
/*	font-family: 'Open Sans', sans-serif;*/
	font-family: 'Quicksand', sans-serif;
}

html, body{
	padding:0;
	margin:0;
	background:white;
}

h3{
	color:	#603913;
	font-family: 'Kalam', cursive;
}

p{
	color:#603913;
	font-size:17px;
	margin-bottom:10px !important;
	font-family: 'Quicksand', sans-serif;
	text-align: justify;
	text-align-last: center;
	padding-left:25px;
	padding-right:25px;
}


img {
  margin: 0 auto;
  height: 100%;
  width: auto;
}

#card-store-container{
	width:calc(100% - 40px);
	border-radius:2px;
	overflow:hidden;
	white-space: nowrap;
	padding:5px 0;
	font-weight: bold;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
	background: #ffde17;
	color: #3c2415;
	margin:20px;
	margin-top:60px;
}

.card-heart, .card-heart-extra{
	height:25px;
	vertical-align: middle;
	margin-bottom: 5px;
	margin-left:8px;
	margin-right:8px;
}

.image-cropper {
  width: 150px;
  height: 150px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  margin:auto;
}


#meet-team, #how-works, #questions, #smiles-container{
	margin-top:60px;
}

.heading{
	margin-top:30px;
}

#smiles-container{	
	text-transform: uppercase;
	border-radius: 3px;
	padding-left:20px;
	padding-right:20px;
	display:block;
	text-align: center;
	font-size:20px;
}

#smiles-count{
	background:#9b499c;
	color:white;
	padding:1px 8px;
	border-radius: 2px;
	font-weight: bold;
	font-size:18px;
}

#smiles-text{
	color:#603913;
		color:#9b499c;
}

.heading {
	font-size:25px;
	padding-left:50px;
	padding-right:50px;
	font-weight: bold;
	text-align: center;
}

#people-container{
	text-align: center;
}

.person-title{
	font-weight: bold;
	font-size:13px;
}

.person-img{
	overflow: hidden;
	text-align: center;

}

.person-name{
	color: #3c2415;
	margin-top:10px;
	font-size:25px;

}

.person{
	color: #3c2415;
	width:33%;
	display:inline-block;
}

#main{
	width:100%;
	max-width: 960px;
	padding-bottom:80px;
	margin:auto;
}

@media (max-width: 550px) {

	#meet-team, #how-works, #questions, #smiles-container{
		margin-top:50px;
	}

	p{
		text-align: center;
		margin-bottom:5px;
	}

	.card-heart-extra{
		display:none;
	}

	.card-heart{
		margin-left:2px;
		margin-right:2px;
		margin-bottom:1px;
	}

	#card-store-container{
		font-size: 15px;
		padding-top:10px;
		padding-bottom:10px;
	}

	#smiles-container{
		margin-bottom:60px;
		margin-top:40px;
	}

	.person{
		width:100%;
	}

	.person-img{
		margin-top:20px;
	}

	.person-title{
		margin-bottom:20px;
	}

	.image-cropper{
		width:200px;
		height:200px;
	}

	.person-name{
		margin-top:5px;
		font-size:20px;
	}

}