#mainMenu {
	text-align: center;
	position: fixed;
	width: 100%;
	background-color: #ffffff;
	padding: 5px;
	top: 0px;
}
#mainMenuFooter {
	position: fixed;
	width: 100%;
	/* background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); */
	background-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
	top: 50px;
	height: 30px;
}
#header {
	height: 80px;	/* 50 + 30 */
}
#mainBody {
	width: 90%;
	margin: 0 auto;
}
.mainMenuButton {
	display: inline-block;
	margin: 5px 10px;
	padding: 5px 5px;
	border: 2px solid #999999;
	border-radius: 5px;
	box-shadow: 0 1px 1px #bbbbbb;
	width: 160px;
	text-align: center;
	cursor: pointer;
	background-color: #ffffff;
}
.project {
	cursor: pointer;
}
.projectR {
	text-align: right;
	cursor: pointer;
}
.projectImage {
	display: inline-block;
	margin: 25px;
	border: 2px solid #999999;
	border-radius: 15px;
	box-shadow: 0 0 5px #bbbbbb;
	width: 520px;
	height: 400px;
	vertical-align: middle;
	overflow: hidden;
}
.projectText {
	display: inline-block;
	font-weight: bold;
	margin: 0px 25px;
	vertical-align: middle;
	width: 520px;
}
.projectDelimeter {
	margin: 25px auto;
	height: 2px;
	width: 80%;
	background-image: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(100, 100, 100, 0.75), rgba(250, 250, 250, 0));
}
h1 {
	font-size: 180%;
	text-shadow: 3px 3px 0px rgba(0,0,0,0.15);
}
h2 {
	font-size: 120%;
}
#footer {
	height: 200px;
}
/* меню переносится на две строчки  */
@media screen and (max-width: 687px){
	#mainMenuFooter {
		top: 100px;
	}
	#header {
		height: 130px;	/* 100 + 30 */
	}
}
/* все друг под другом  */
@media screen and (max-width: 640px){
	.projectR {
		text-align: left;
	}
}