@media all and (max-width: 1000px) {
	body {
		padding-bottom: 750px;
	}
	img { max-width: 100% !important; }
	#logo {
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	#banner {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	#banner .box {
		max-width: 100%;

		margin-bottom: 20px;

		box-sizing: border-box;
	}

	#banner a {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.box-olis-1 {
		float:left;
		width:50%;
		padding-left:0px;
		padding-right:10px;
	}
	.box-olis-2 {
		float:left;
		width:50%;
		padding-right:0px;
		padding-left:10px;
	}
	.box-olis-3 {
		float:left;
		width:100%;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:20px;
	}
	.box-midden {
		margin: 0px;
	}
	footer .box {
		min-width: 100%;
	}
	nav #menu-button {
		display: block;
	}
	nav ul{
		margin-bottom: 20px;
		margin-top: 10px;
	}
	nav li {
		width: 100%;
		padding: 0px;
		box-sizing: border-box;
	}
	nav li a {
		width: 100%;
		background-color: #EDEDED;
		padding: 10px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 10px;
		float: left;
		box-sizing: border-box;
	}
	.selected {
		background-color: #FA5050;
		color: #fff;
	}
	.selected:hover {
		background-color: #FA5050;
		color: #fff;
	}
	.menu-list {
		display: none;
	}
	.display-menu {
		display: block !important;
	}
}
@media all and (max-width: 780px) {
	.box-olis-1 {
		float:left;
		width:100%;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:20px;
	}
	.box-olis-2 {
		float:left;
		width:100%;
		padding-right:0px;
		padding-left:0px;
		padding-bottom:20px;
	}
	.box-olis-3 {
		float:left;
		width:100%;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:20px;
	}
}
@media all and (max-width: 550px) {
	article img {
		width: 100%;
		height: auto !important;
	}
}