.y-to-r {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/y-to-r.png);
	background-repeat: repeat-x;
}

.r-to-y {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/r-to-y.png);
	background-repeat: repeat-x;
}

.r-to-g {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/r-to-dg.png);
	background-repeat: repeat-x;
}

.r-to-w {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/r-to-w.png);
	background-repeat: repeat-x;
}

.w-to-r {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/w-to-r.png);
	background-repeat: repeat-x;
}

.y-to-w {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/y-to-w.png);
	background-repeat: repeat-x;
}

.w-to-y {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/w-to-y.png);
	background-repeat: repeat-x;
}

.y-to-g {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/y-to-g.png);
	background-repeat: repeat-x;
}

.g-to-y {
	width: 100%;
	height: 250px !important;
	background-image: url(../images/g-to-y.png);
	background-repeat: repeat-x;
}

.spacer-1 {
	width: 100%;
	height: 50px;
}

.spacer-2 {
	width: 100%;
	height: 100px;
}

.spacer-3 {
	width: 100%;
	height: 150px;
}

.spacer-4 {
	width: 100%;
	height: 200px;
}

.spacer-5 {
	width: 100%;
	height: 250px;
}

.btn {
	display: inline-block;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 300px;
	background-color: transparent;
	transition: all 0.3s;
	padding: 15px 35px;
	margin: 0 10px;
}

.btn.fixedwidth {
	width: 220px;
	padding: 15px 10px;
	margin: 10px;
}