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

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

	.torso .header .button {
		width: 45%;
	}
}

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

	.torso .header .button {
		width: 30%;
	}
}

@media only screen and (min-width: 700px) and (max-width: 799px) {
	.torso .header .button {
		width: 25%;
	}
}

@media only screen and (min-width: 800px) and (max-width: 899px) {
	.torso .header .button {
		width: 20%;
	}
}

@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: static !important;
	}
}

@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: static !important;
	}
}

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

	.pull-right {
		float: left;
	}
}

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

	.pull-right {
		float: left;
	}
}

@media only screen and (min-width: 1200px) 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: 1399px) {
	.name-holder {
		margin-left: 50px;
		float: left;
	}

	.pull-right {
		float: left;
	}
}

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

	.pull-right {
		float: left;
	}
}

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

	.pull-right {
		float: left;
	}
}

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

	.pull-right {
		float: left;
	}
}

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

	.pull-right {
		float: left;
	}
}

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

	.pull-right {
		float: left;
	}
}

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

	.pull-right {
		float: left;
	}
}