* {
	margin:0;
	padding:0;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	box-sizing:border-box;
}

body {
	background-color:#fafafa;
	font-family:'Roboto';
}

.wrapper {
	display:block;
	width:1200px;
	margin:150px auto;
	padding:20px;
	min-height:600px;
}

h1 {
	margin:0 0 16px 0;
}

ul.sorter.center {
	margin:0 auto;
}

.text-center {
	text-align:center;
}

@media (max-width:1199px) {
	.wrapper {
		width:100%;
		padding:12px;
	}
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }

span.test {
	display:block;
	width:80px;
	height:30px;
	background-color:orange;
	color:#ffffff;
	cursor:pointer;
}