@charset "utf-8";
/* CSS Document */
	body {
		background: url("esport headset.jpg");
		background-size: 1700px;
		background-color: #540756;
		font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

	div {
		width: 70%;
		background-color: white;
		margin: 0 auto;
}

	header {
		padding: 5px;
		border-bottom: 3px solid lightgray;
}

	header img {
		width: 30%;
}
	img {
		width: 90%;
}
	nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		border-bottom: 3px solid lightgray;
		overflow: hidden;
}
	nav li {
		float: left;
		padding: 20px;
}
	nav li a {
		display: block;
		color: black;
		padding: 14px 40px;
		text-decoration: none;
}
	nav li a:hover:not(.active) {
		background-color: #540756;
}

	.active {
		background-color: #540756;
		color: white;
}
	article {
		box-sizing:border-box;
		width: 64.6%;
		float: left;
		padding: 5px;
		margin: 1%;
		border: 2px solid black;
		line-height: 130%;
}


	[class*="size-"] {
		width: 98%;
		margin: 1%;
		float: left;
}


@media only screen and (min-width:1024px) {
	.size-1{width: 64.6%;}
	.size-2{width: 31.3%;}
}


	article h1 {
		padding: 18px 5px;
		border-bottom: 3px solid lightgray;
		color: #540756;
}
	textarea {
		width: 85%;
		height: 85px;
}
	aside {
		float: left;
		margin: 1%;
		padding: 1rem;
		border: 2px solid black;
		box-sizing:border-box;
}
	aside img{
		width: 80%;
}
	aside h1 {
		padding: 15px 5px;
		border-bottom: 3px solid lightgray;
		color: #540756;
		/*#006983*/
}
	footer {
		background-color: black;
		color: white;
		height: 30px;
		padding: 5px;
		clear: both;
}