@media screen and (min-width:1200px) {
	body{
		box-sizing: border-box;
	}
	main{
		max-width: fit-content;
    	margin:0 auto;
		padding:0;
	}
	section{
		float:left;
		margin:0;
		padding:0;
	}
	.content,
	.content-list{
		margin:0;
		width:fit-content;
		min-width: 600px;
		max-width: 800px;
	}
	.content-list img{
		width:auto;
		max-width: 600px;
		height:auto;
		max-height: 500px;
	}
	.sidebar{
		max-width: 300px;
		margin:0;
		padding:10px;
	}
	footer{
		clear:both;
	}
}
@media screen and (max-width:1199px) {
	section,
	.content,
	.content-list{
		width:80%;
		margin:10px auto;
	}
}