.aspNetHidden {
	display: none;
}

html {
	-webkit-text-size-adjust: 200%;
	text-size-adjust: 200%;
}

body {
	background: url(./images/CSS/body.png);
	padding: 0;
	margin: auto 0;
	max-width: 2640px;
	font-family: Times New Roman;
}

h1 {
	color: #ff0000;
	font-weight: normal;
}

h2 {
	color: #000000;
	font-weight: normal;
}

h3 {
	color: #000000;
	font-weight: normal;
}

a {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

p {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

header, content {
	display: inline-block;
	float: left;
	width: 99%;
	margin: 0;
	padding: 0.5%;
}
	header a {
		display: inline-block;
		float: left;
		width: 4%;
		margin: 0;
		padding: 1%;
		line-height: 0;
	}

		header a img {
			width: 100%;
		}
	header h1 {
		display: inline-block;
		float: left;
		width: 92%;
		margin: 0;
		padding: 1%;
		font-size: 1.6vw;
	}
	header h2 {
		display: inline-block;
		float: left;
		width: 95%;
		margin: 0;
		padding: 2.5%;
		font-size: 1.5vw;
		text-align: center;
		border-top: 3px solid;
		border-image: repeating-linear-gradient(45deg, yellow 0 5px, black 5px 10px) 5;
		line-height: 1.5;
	}
nav {
	display: none;
}



	content P {
		margin: 0;
		padding: 0;
		text-align: justify;
		font-size: 1.25vw;
	}

		content p img {
			display: block;
			width: 50%;
			float: left;
			margin: 0;
			padding: 0.5% 1% 0.5% 0;
		}

	content a {
		margin: 0;
		padding: 0;
	}

		content a h3 {
			margin: 0;
			padding: 0.5% 0;
			font-size: 1.5vw;
			text-align: right;
		}














@media screen and (max-width : 1024px) {
}

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

@media screen and (max-width : 420px) {
}




@media screen and (min-width : 981px) {
	header {
		display: inline-grid;
		width: 39%;
		grid-template-columns: 5% auto;
		grid-gap: 2%;
	}

		header a {
			width: 100%;
			padding: 0;
		}
			header a img {
				width: 100%;
			}

		header h1 {
			width: 100%;
			padding: 0;
			font-size: 1.6vw;
		}

		header h2 {
			grid-column: span 2;
			margin: 0.5% 0;
			font-size: 1.5vw;
		}

	nav {
		display: inline-grid;
		float: left;
		width: 59%;
		margin: 0;
		padding: 0.5%;
		grid-template-columns: 14% 14% 14% 14% 14% 14% 4%;
		grid-gap: 2%;
		text-align: center;
	}

		nav a {
			padding: 5%;
			margin: 0;
			font-size: 1vw;
			line-height: 1;
			border-bottom: 1vh solid transparent;
		}
			nav a:hover {
				border-bottom: 3px solid;
				border-image: repeating-linear-gradient(45deg, yellow 0 5px, black 5px 10px) 5;
			}
			

				nav input {
			padding: 15%;
			margin: 0;
			width: 100%;
		}

		nav div {
			grid-column: span 7;
			display: grid;
			margin: 0.5% 0;
			padding: 0;
			grid-template-columns: 32% 32% 32%;
			grid-gap: 2%;
			text-align: center;
		}

			nav div a {
				padding: 0;
				margin: 0;
				border: none;
			}
			nav div a:hover {
				border: none;
			}

				nav div a img {
					width: 100%;
					padding: 0;
					margin: 0;
				}

	content {
		width: 60%;
		padding: 1% 20%;
	}

		content P {
			font-size: 1.25vw;
		}
}