/* Handhelds (portrait and landscape) ----------- */
@media handheld and (max-device-width: 480px) {
	
}

/* Desktops and Laptops ------------ */
@media only screen and (max-width: 599px) {
	.signature {
		display: none;
	}
}

@media only screen and (min-width: 600px) and (max-width: 699px) {
	.signature {
		display: none;
	}
}

@media only screen and (min-width: 700px) and (max-width: 799px) {
	
}

@media only screen and (min-width: 800px) and (max-width: 899px) {
	
}

@media only screen and (max-width: 899px) {

	.name-holder {
		display: none;
	}

	ul.menu {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0 auto;
		float: none;
	}

	.pull-right {
		float: none !important;
		position: relative !important;
		width: 100%;
	}

	.title {
		font-size: 2.5em;
	}

	.projects-menu {
		font-size: 0.8em;
	}

	.row {
		width: 100%;
		height: 700px;
		margin: 80px auto;
	}

	.row #one {
		float: none;
		margin: 30px auto;
	}

	.row #two {
		float: none;
		margin: 30px auto;
	}
}

@media only screen and (min-width: 900px) and (max-width: 999px) {

	.name-holder {
		display: none;
	}

	ul.menu {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0 auto;
		float: none;
	}

	.pull-right {
		float: none !important;
		position: relative !important;
		width: 100%;
	}

	.row {
		width: 100%;
		height: 700px;
		margin: 80px auto;
	}

	.row #one {
		float: none;
		margin: 30px auto;
	}

	.row #two {
		float: none;
		margin: 30px auto;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1099px) {
	.name-holder {
		display: none;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 100%;
		height: 700px;
		margin: 80px auto;
	}

	.row #one {
		float: none;
		margin: 30px auto;
	}

	.row #two {
		float: none;
		margin: 30px auto;
	}
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 100%;
		height: 700px;
		margin: 80px auto;
	}

	.row #one {
		float: none;
		margin: 30px auto;
	}

	.row #two {
		float: none;
		margin: 30px auto;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1249px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 100%;
		height: 700px;
		margin: 80px auto;
	}

	.row #one {
		float: none;
		margin: 30px auto;
	}

	.row #two {
		float: none;
		margin: 30px auto;
	}
}

@media only screen and (min-width: 1250px) and (max-width: 1299px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}
}

@media only screen and (min-width: 1300px) and (max-width: 1349px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1350px) and (max-width: 1399px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1400px) and (max-width: 1449px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 91%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1450px) and (max-width: 1499px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 87%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1549px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 84%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1550px) and (max-width: 1599px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 81%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1600px) and (max-width: 1649px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 78%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1650px) and (max-width: 1699px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 76%;
		margin-left: auto;
		margin-right: auto;
	}
}


@media only screen and (min-width: 1700px) and (max-width: 1749px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 74%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1750px) and (max-width: 1799px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}

	.row {
		width: 72%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1800px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}
}

@media only screen and (min-width: 1800px) and (max-width: 1849px) {
	.row {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1850px) and (max-width: 1899px) {
	.row {
		width: 68%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1900px) and (max-width: 1949px) {
	.row {
		width: 66%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 1950px) and (max-width: 1999px) {
	.row {
		width: 64%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 2000px) and (max-width: 2049px) {
	.row {
		width: 62%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 2050px) and (max-width: 2099px) {
	.row {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
}