body{
	background-color: #e6eaf0;
}
header{
	border: 1px solid black;
	padding: 0.5px;
	background-color: green;
	color: white;
	text-align: center;
	}
footer p{
	padding: 0.5px;
	background-color: #8c98ab;
	color: white;
	text-align: center;
	}
nav{
	background-color: #333;
	overflow: hidden;
	}
nav a{
	float: left;
	color: white;
	padding: 14px;
	text-decoration: underline;
}
nav a:hover{
	background-color: black;
	color: white;

}

.column{
	float: left;
	padding: 10px;
}

.column.side{
	width: 30%;
}

.column.middle{
	width: 35%;
}

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

	.column.side,.column.middle{
		width: 100%;
	}
}

p{
	text-align: justify;
}

div.gallery{
	margin: 5px;
	border: 3px solid black;
	float: left;
	width: 300px;
}

div.gallery img{
	width: 100%;
	height: auto;
}

div.gallery:hover{
	border: 3px solid red;
}
div.desc{
	text-align: center;
	padding: 5px;
}

fieldset{
	margin: 5px;
}

input[type=text],input[type=number],select{
	width: 90%;
	padding: 7px;
	border: 1px solid black;
}

input[type=submit]{
	background-color: green;
	color: white;
	padding: 5px;
	cursor: pointer;
	border: none;
}

textarea{
	width: 60%;
	height: 60px;
}

fieldset{
	width: 100%;
}

table{
	border-collapse: collapse;
	width: 100%;
}

th,td{
	text-align: center;
	padding: 5px;
	border: 1px solid black;
}

tr:nth-child(even){
	background-color: #f2f2f2;
}

th{
	background-color: gray;
	color: white;
}

div#byaj {
	background-color: red;
	width: 25%;
}