/* Handhelds (portrait and landscape) ----------- */
@media handheld and (max-device-width: 480px) {
	.people .list .description {
		font-size: 0.7em;
	}
}

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

	.people .list {
		margin: 0 auto 200px auto;
	}

	ul.list .info {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	ul.list .info p {
		display: none;
	}

	.people .list .items {
		height: 100%;
		margin: 300px 4%;
	}

	#dkermany {
		margin-top: 0;
	}

	.people .list .items div {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.people .list h4 {
		margin-top: 180px;
	}
}

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

	.icons {
		height: 70% !important;

	}

	.about .icons div {
		display: block;
		width: 22%;
    	height: 30%;
		margin: 0 auto;
	}

	.about .text {
		position: absolute;
		top: 320px;
		height: initial;
		margin-left: 20px;
	}

	.about .text div {
		position: absolute;
		display: block;
		margin: 0 3%;
		height: initial;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	.icon-title {
		font-size: 1em !important;
		width: 100%;
	}

	.text p {
		display: none;
	}

	.text #land-dev {
		top: 170px;
	}

	.text #infras {
		top: 340px;
	}

	
}

@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;
	}

	.icon-title {
		font-size: 1em !important;
	}

	.text {
		text-align: center;
	}

	.text p {
		font-size: 0.9em !important;
	}

	.about .text div {
		margin: 0 1%;
	}

	.about .icons div {
		margin: 0 6%;
		margin-left: 120px;
		margin-right: 0;
	}
}

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

	.pull-right {
		float: left;
	}

	.icon-title {
		font-size: 1em !important;
	}

	.text p {
		font-size: 0.9em !important;
	}
}

@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;
	}

	.about .icons div {
		width: 14%;
		margin: 0 9.5%;
	}
}

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

	.pull-right {
		float: left;
	}

	.about .icons div {
		width: 13%;
		margin: 0 9.5%;
	}
}

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

	.pull-right {
		float: left;
	}

	.about .icons div {
		width: 13%;
		margin: 0 9.5%;
	}
}

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

	.pull-right {
		float: left;
	}

	.about .icons div {
		width: 10%;
		margin: 0 11.5%;
	}

	.about .icons div {
		width: 12%;
		margin: 0 10%;
	}
}

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

	.pull-right {
		float: left;
	}

	.about .icons div {
		width: 10%;
		margin: 0 11.5%;
	}
}

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

	.pull-right {
		float: left;
	}

	.about .icons div {
		width: 10%;
		margin: 0 11.5%;
	}
}