/* Mobile first */
body {
    background-color:#fff;
    font-family:helvetica, helvetica, verdana, sans-serif;
    font-style:normal;
    font-weight:400;
    color:#111;
    margin:0;
    padding:0;
}




/* Base color */

.cw {
	color:#fff;
}

.ow {
	color:#ccc;
}

.big {
	font-size:2.3em !important;
}



/* Basic page structure */

#wrapper {
	margin:0;
	padding:0;
}

#content {
	text-align:center;
	color:#111;
	margin:0;
	padding:0 0 2em 0;
}








/* Basic content structure */

.row {
	display:block;
	margin:0 1.5em;
	padding:0;
	text-align:center;
	clear:both;
}

.section {
	width:100%;
	display:block;
	margin:0;
	padding:0;
	max-width:10x80px;
}

.section-images {
	width:100%;
	display:block;
	margin:2em 0;
	padding:0;
}

.column {
	float:left;
	margin:1em 0;
	padding:0;
	text-align:left;
	display:block;
}

.column-end {
	float:left;
	margin:1em 0;
	padding:0;
	text-align:left;
	display:block;
}

.breakit {
	display:block;
}

.logo {
	margin-top:130px;
}




/* Text */

.project {
	font-size:2em;
	line-height:1.34em;
	font-weight:400;
}

.role {
	font-size:1.44em;
	line-height:1.34em;
	padding:0;
}

.description {
	font-size:1.14em;
	line-height:1.54em;
}

.label {
	font-size:0.6em;
	text-transform:uppercase;
	display:block;
	margin:0 0 0.8em 0;
}

.link {
	font-size:0.4em;
	text-transform:uppercase;
	display:block;
	margin:0.8em 0 3em 0;
}




img {
	margin:0;
	padding:0;
}

h1 {
	font-size:2.8em;
	font-weight:200;
	line-height:1em;
	margin:0;
	padding:0 0 0.4em 0;
}


a, 
a:link, 
a:hover, 
a:visited {
	text-decoration:none;
	color:#000;
}






/* Desktop browsers wide */
@media only screen and (min-width: 480px) {






}




/* Desktop browsers wide */
@media only screen and (min-width: 640px) {


.row {
	max-width:600px;
	text-align:center;
	display:block;
	margin:0 1.5em;
	padding:0;
	text-align:center;
	clear:both;
}

.section {
	width:100%;
	display:block;
	margin:1em auto;
	padding:0;
}

.section-images {
	width:100%;
	display:block;
	margin:2em auto;
	padding:0;
}



}






/* Desktop browsers wide */
@media only screen and (min-width: 768px) {


.row {
	max-width:720px;
	text-align:center;
	display:block;
	margin:0 auto;
	padding:0;
	text-align:center;
	clear:both;
}

.section {
	width:100%;
	display:block;
	margin:1em auto;
	padding:0;
}

.section-images {
	width:100%;
	display:block;
	margin:2em auto;
	padding:0;
}

.column {
	float:left;
	width:45%;
	margin:0 5% 0 0;
	padding:0;
	text-align:left;
	display:inline-block;
}

.column-end {
	float:left;
	width:50%;
	margin:0;
	padding:0;
	text-align:left;
	display:inline-block;
}

.logo {
	margin-top:150px;
}






/* Text */

.project {
	font-size:2em;
	line-height:1.34em;
	font-weight:400;
}

.role {
	font-size:1.44em;
	line-height:1.34em;
}

.description {
	font-size:1.14em;
	line-height:1.54em;
}

.label {
	font-size:0.6em;
	text-transform:uppercase;
	display:block;
	margin:2em 0 0.8em 0;
}





}



/* Desktop browsers wide */
@media only screen and (min-width: 960px) {

.row {
	max-width:900px;
}

.logo {
	margin-top:300px;
}


}




/* Desktop browsers wide */
@media only screen and (min-width: 1280px) {

.row {
	max-width:1200px;
}

.logo {
	margin-top:300px;
}


}