<meta name="viewport" content="width=device-width, initial-scale=1">

body {
    -webkit-text-size-adjust: 100%;
}


#work {
	max-width: 900px;
}

#worktext {
	max-width: 900px;
}

#worktext #titlelink {
	font-size: 30px;
	line-height: 50px;
}


img {
		width: 875px;
	padding-bottom: 30px;
}

#work img {
	
}
#work .info {
	display: none;

}

#worktext .words span.title span.date{
	font-size: 25px;
}

#small	{
	font-size: 25px;
}

#description {
font-size: 25px;
line-height: 35px;
}

#computer {
	display: none;
}

#iphone {
	display: inline;
}


#work #project-container #project-bodytext{
	font-size: 30px;
	line-height: 45px;

	width: 875px;
	margin-bottom: 0;
	padding-bottom: 0;
}


#work #project-container #project-details{
	float: left;
	width: 875px;
	font-size: 25px;
	line-height: 35px;
	margin-top: 0;
}

#work #project-container #project-details p a{

	font-size: 25px;

}

#work #project-container #project-details p{


	font-size: 25px;

}


#header {
	height: 85px;
	padding-bottom: 100px;
	padding-top: 100px;
}

#header #view a#prev:after {
	content: '';
	position: relative;
}

#header #view a#next:before {
	content: '';
	position: relative;
}


#header-small {
	height: 85px;
	padding-bottom: 100px;

}

#header-small #view a#prev:after {
	content: '';
	position: relative;
}

#header-small #view a#next:before {
	content: '';
	position: relative;
}


#header #logo {
	width: 900px;
	text-align: left;
	font-size: 45px;
	line-height: 50px;
	padding-bottom: 30px;
}

#header-small #logo {
width: 900px;
	text-align: left;
	font-size: 45px;
	line-height: 50px;
	padding-bottom: 30px;
}


#header #logoPage {
width: 900px;
	text-align: left;
	font-size: 24px;
	line-height: 40px;
}

#header-small #logoPage {
width: 900px;
	text-align: left;
	font-size: 24px;
	line-height: 40px;
}

#header #links {
	margin-left: 0;
	font-size: 45px;
	line-height: 50px;
	padding-top: 12px;
}
#header-small #links-small {
	margin-left: 0;
	font-size: 45px;
	line-height: 50px;
	padding-top: 12px;
	text-transform: lowercase;
}
#header span#view {
	font-size: 70px;
	line-height: 45px;
	padding-top: 12px;
	position: relative;
	bottom: 265px;
	width: 875px;
}

#header-small span#view-small {
	font-size: 45px;
	padding-top: 31px;
	position: relative;
	line-height: 5px;
}


br.break {
	display: inline;
}

#project:after {
}

#about:after {

}

#header #view a#prev:after {
	content: '← ';
	position: relative;
	float: left;
}

#header #view a#next:before {
	content: ' →';
	position: relative;
	float: right;
}

#work .info { 
    	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 20px;
	display: none;
	vertical-align: baseline;
	background-color: #fffeff;
	cursor: pointer;
	padding: 50px;
	font-size: 30px;
	line-height: 40px;
	margin: 50px 70px 80px 50px;
}