*,
:before,
:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html,
body,
.section {
	width: 100%;
	height: 100%;
	position: relative
}

html,
body {
	font-size: 62.5%
}

.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.row:after,
.row:before,
.section:after,
.section:before {
	display: table;
	content: " "
}

.clearfix:after,
.container:after,
.row:after,
.section:after {
	clear: both
}

.container {
	width: 1200px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}
