@import "library.less";

article {
	position: relative;
	width: 1200px;
	margin: 0px auto;
	padding: 0px 0;
	z-index: 1;
	-webkit-perspective: 400;
}

settings {
	display: none!important;
}

@media all and (max-width: 480px) {
	body {

	}
	article {
		width: 100% !important;
		padding: 30px !important;
		margin: 0 !important;
		.box-sizing;
		
		.body {
			height: auto !important;
		}
	}
	.object {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		margin-bottom: 20px !important;
		
		&[data-type="slider"] {
			height: 300px !important;
		}
		&[data-type="colorchanger"] {
			top: -30px !important;
		}
	}
	.float {
		display: none;
	}
	#wrapper {
		width: 100% !important;
	}
}