body {
	font-family:'Open Sans', Helvetica, Arial, Sans-serif;	
	line-height: 1.4em;
	margin:0;
}

p {
	font-size:15px;
	color:#545454;
}

p#cr {
	font-size:12px;
	color:#a0a0a0;
	margin-top:50px;
}

.headsection {
	background:#f5f6f6;
	padding-top:180px;
	padding-bottom:200px;
}

.container {
	width:1170px;
	text-align:center;
	margin:0 auto;
}

.headsection .container {
	width:800px;
}

.headsection .logo span#logoimg {
	background:url(assets/logo1.png);
	width:190px;
	height:143px;
	display:block;
	margin:0 auto 100px auto;
}

.headsection .logo span#logoimg:hover {
	background:url(assets/logo2.png);
	width:190px;
	height:143px;
	display:block;
	margin:0 auto 100px auto;
}

@font-face {
font-family: 'Sanchez';
src: url(assets/fonts/Sanchezbold.otf);
font-weight:normal;
}

h1 {
	font-family:'Sanchez', Serif;
	font-size:34px;
	color:#4a5660;
	text-transform: uppercase;
	line-height: 1.3em;
}

h2 {
	font-family:'Sanchez', Serif;
	font-size:22px;
	color:#4a5660;
	text-transform: uppercase;
	line-height: 1.3em;
	margin-bottom:50px;
}

.investments {
	padding-top:100px;
}

.investments .kitchenbowl {
	width:770px;
	margin:100px auto;
}

.investments .kitchenbowl img {
	margin-bottom:30px;
}

.investments .twocol {
	width:770px;
	margin:0 auto;
	overflow:hidden;
}

.investments .twocol .plum {
	width:370px;
	float:left;
}

.investments .twocol .codefellows {
	width:370px;
	float:right;
}

.who {
	margin-top:100px;
	padding:100px 0;
	background:#f5f6f6;
}

.who .teamphotos {
	width:970px;
	margin:60px auto 0 auto;
	overflow:hidden;
	text-align: center;
}

span#li {
	background:url(assets/linkedin.png);
	width:15px;
	height:15px;
	display:inline-block;
	margin-left:10px;
}

.who .teamphotos .salil {
	width:270px;
	float:left;
	margin-right:80px;
}

.who .teamphotos .quang {
	width:270px;
	float:left;
}

.who .teamphotos .carl {
	width:270px;
	float:right;
}

.who .teamphotos img {
	margin-bottom:10px;
}

.how {
	padding-top:100px;
	padding-bottom:100px;
}

.how .quote {
	width:770px;
	margin:40px auto 0 auto;
}

.how .quote span#quoteimg {
	background:url(assets/ryanw.png);
	width:50px;
	height:50px;
	display:inline-block;
	
}

span#linebreak {
	width:20px;
	color:#8a8a8a;
	display:inline-block;
	border-top:2px solid black;
	margin-top:30px;
}

.how .quote h3 {
	font-weight:bold;
	font-size:14px;
}

.how .quote p {
	color:#a0a0a0;
	font-style:italic;
}

.contact {
	background:#f5f6f6;
	padding:70px 0 20px 0;
}


@media (min-width: 960px) and (max-width: 1200px) {
.container {
	width:900px;
	text-align:center;
	margin:0 auto;
}

.who .teamphotos {
	width:900px;
	margin:60px auto 0 auto;
	overflow:hidden;
	text-align: center;
}

.who .teamphotos .salil {
	width:270px;
	float:left;
	margin-right:50px;
}

}

@media (min-width: 740px) and (max-width: 960px) {

.container {
	width:700px;
}

.investments .kitchenbowl {
	width:700px;
}

.investments .twocol {
	width:700px;
}

.investments .twocol .plum {
	width:330px;
}

.investments .twocol .codefellows {
	width:330px;
}

.who .teamphotos {
	width:700px;
	margin:60px auto 0 auto;
	overflow:hidden;
	text-align: center;
}

.who .teamphotos .salil {
	width:270px;
	float:left;
	margin-right:80px;
}

.who .teamphotos .quang {
	width:270px;
	float:left;
}

.who .teamphotos .carl {
	width:270px;
	float:left;
}

.how .quote {
	width:700px;
}

}

@media (min-width: 560px) and (max-width: 740px) {

.container {
	width:520px;
}

.investments .kitchenbowl {
	width:520px;
	margin-bottom:50px;
}

.investments .kitchenbowl img {
	width:260px;
}

.investments .twocol {
	width:520px;
}

.investments .twocol .plum {
	width:520px;
	margin-bottom:50px;
}

.investments .twocol .codefellows {
	width:520px;
}

.who .teamphotos {
	width:270px;
	margin:60px auto 0 auto;
	overflow:hidden;
	text-align: center;
}

.who .teamphotos .salil {
	width:270px;
	float:left;
	margin-right:0;
}

.who .teamphotos .quang {
	width:270px;
	float:left;
}

.who .teamphotos .carl {
	width:270px;
	float:left;
}

.how .quote {
	width:520px;
}

}

@media (max-width: 580px) {

.container {
	width:80%;
}

.investments .kitchenbowl {
	width:80%;
	margin-bottom:50px;
}

.investments .kitchenbowl img {
	width:200px;
}

.investments .twocol {
	width:80%;
}

.investments .twocol .plum {
	width:100%;
	margin-bottom:50px;
}

.investments .twocol .codefellows {
	width:100%;
}

.who .teamphotos {
	width:80%;
	margin:60px auto 0 auto;
	overflow:hidden;
	text-align: center;
}

.who .teamphotos .salil {
	width:200px;
	float:left;
	margin-right:0;
}

.who .teamphotos .quang {
	width:200px;
	float:left;
}

.who .teamphotos .carl {
	width:200px;
	float:left;
}

.how .quote {
	width:80%;
}

}