*{
	box-sizing: border-box;
}
html, body{
	margin:0;
	padding:0;
}
body {
	background-color: #333333;
	font-family: "Times New Roman";
	font-size: 1em;
}

/*****   Grid контейнер   *****/
.grid-container {
	height:100vh;
	display: grid;
	grid-gap: 1px;
}
@media screen and (max-width: 412px) {
	.grid-container {
		grid-template-areas: "header"
							 "nav"
							 "content"
							 "footer";
		grid-template-columns: 1fr;
		grid-template-rows: 7em auto 1fr 4em;
	}
}
@media screen and (min-width: 413px) {
	.grid-container {
		grid-template-areas: "header header"
							 "nav content"
							 "footer footer";
		grid-template-columns: 30% 1fr;
		grid-template-rows: 7em 1fr 4em;
	}
}
@media screen and (min-width: 1670px) {
	.grid-container {
		width: 1670px;
		margin-left: auto;
		margin-right: auto;
	}
}

/*****   Шапка   *****/
.header {
	grid-area: header;
	background-color: #ece2b6;
	background-image: url("head.jpg");
}
.header > p { 
	text-align: center;
	font-style: italic;
}
@media screen and (max-width: 330px) {
	.header > p {
		font-size: 1.5em;
		margin: 1.85em 0;
	}
}
@media screen and (min-width: 331px) and (max-width: 600px) {
	.header > p {
		font-size: 2em;
		margin: 1.1em 0;
	}
}
@media screen and (min-width: 601px) and (max-width: 900px) {
	.header > p {
		font-size: 3em;
		margin: .53em 0;
	}
}
@media screen and (min-width: 901px) {
	.header > p {
		font-size: 4em;
		margin: .23em 0;
	}
}

/*****   Контент   *****/
.content {
	grid-area: content;
	background-color: #ece2b6;
	padding: 0px 10px 5px;
}
.content > h3 { 
	text-align: center;
}
.content .photo {
	margin-top: 10px;
}
@media screen and (max-width: 600px) {
	.st2c {
		margin-left: 0;
	}
}
@media screen and (min-width: 601px) and (max-width: 900px) {
	.st2c {
		margin-left: 50px;
	}
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
	.st2c {
		margin-left: 150px;
	}
}
@media screen and (min-width: 1201px) and (max-width: 1500px) {
	.st2c {
		margin-left: 250px;
	}
}
@media screen and (min-width: 1501px) {
	.st2c {
		margin-left: 400px;
	}
}

/*****   Навигационное меню   *****/
.nav {
	grid-area: nav;
	background-color: #ece2b6;
	padding-top: 10px;
	padding-bottom: 10px;
}
.nav div {
	cursor: pointer;
}
.nav .god {
	padding: 5px 5px 5px 10px;
}
.nav .stih {
	padding: 5px 5px 5px 25px;
}
.nav a:link,
.nav a:active,
.nav a:visited {
	color: #000;
	text-decoration: none;
}
.nav a:hover {
	color: #66f;
}
.nav div:hover {
	background-color: #0002;
}
.nav div.enter {
	color: #00f;
}

/*****   Подвал   *****/
.footer {
	grid-area: footer;
	color: #fff;
	background-color: #464a53;
	padding: 1.5em;
}