@charset "utf-8";
/* CSS Document */
* {
	box-sizing: border-box;
}
[class*= "size_"] {
	float: left;
	margin:1%;
}

@media only screen and (min-width:550px) {
	.size_1 {width:48%;}
	.size_3 {width:48%; height:450px;}
}
@media only screen and (min-width:1024px) {
	.size_1 {width:48%;}
	.size_3 {width:23%;}
}
main::after {
	content: "";
	clear: both;
	display: block;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
}
main {
	padding:5px;
	background-color: white;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
header {
	background-color: darkblue;
	padding:10px;
	border-bottom: medium solid lightgray;
	margin-left: auto;
	margin-right: auto;
}
nav {
	padding:20px;
	background-color: lightblue;
	border-bottom: medium solid lightgray;
	margin:0 10px;
	
}
a {
	color: black;
	text-decoration: none;
	padding:15px;
	font-size:18px;
	font-weight: bold;
}
a:hover {
	background-color: darkblue;
	color: white;
	padding:15px;
}
.active {
	background-color: darkblue;
	color: white;
	padding:15px;
}
h2 {
	color: darkblue;
}
article {
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}
.picproperties {
	display: block;
	margin:0 auto;
	width:90%;
}
.imgproperties {
	margin:0 auto;
	width:80%;
	height:280px;
	object-fit: scale-down;
}
.picprop {
	display: block;
	margin:0 auto;
	width:80%;
}
footer {
	background-color: black;
	color: white;
	padding:3px;
	height:40px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
}