body {
	background-image: url(../img/background-horizontal.png), url(../img/background-vertical.png);

	animation: background_pos 10s linear infinite;
}

@keyframes background_pos {
    from { background-position: 0 top, center 0; }
    to { background-position: -1490px top, center -991px; }
}

.hero {
	margin-bottom: 60px;
}

.hero .img {
	background-image: url(../img/hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 33.333333%;
}

.hero .ribbon {
	border-bottom: 8px solid #8E2965;
	border-top: 8px solid #80223F;
}

.hero .ribbon:before,
.hero .ribbon:after {
	content: '';
	display: block;
}

.hero .ribbon:before {
	border-bottom: 8px solid #FBB231;
	border-top: 8px solid #EF5B30;
}

.hero .ribbon:after {
	border-bottom: 8px solid #3185C1;
	border-top: 8px solid #95C74D;
}

section {
	margin-bottom: 60px;
	margin-top: 60px;
}

.accordion { background-color: #80223F; }

.accordion.orange { background-color: #EF5B30; }
.accordion.yellow { background-color: #FBB231; }
.accordion.green { background-color: #95C74D; }
.accordion.blue { background-color: #3185C1; }
.accordion.purple { background-color: #8E2965; }
.accordion.black { background-color: #404040; }

.accordion-title {
	margin: 0;
	text-align: center;
	position: relative;
}

.accordion-title a {
	color: #fff;
	display: block;
	font-weight: 400;
	padding: 10px 46px;
}

.accordion-title a:hover,
.accordion-title a:focus {
	background-color: rgba(0,0,0,0.1);
	text-decoration: none;
}

.accordion-title .fa {
	font-size: 16px;
	left: 15px;
	position: absolute;
	top: 50%;
	width: 16px;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
}

.accordion-title a[aria-expanded="false"] .fa-minus { opacity: 0; }
.accordion-title a[aria-expanded="true"] .fa-minus { opacity: 1; }

.accordion-title a[aria-expanded="false"] .fa-plus { opacity: 1; }
.accordion-title a[aria-expanded="true"] .fa-plus { opacity: 0; }


.accordion-body {
	background-color: rgba(0,0,0,0.2);
	color: #fff;
	padding: 30px;
}

.accordion-body :first-child {
	margin-top: 0;
}

.accordion-body :last-child {
	margin-bottom: 0;
}

blockquote {
	background-color: #80223F;
	border: none;
	color: #fff;
	padding: 30px;
}

blockquote.orange { background-color: #EF5B30; }
blockquote.yellow { background-color: #FBB231; }
blockquote.green { background-color: #95C74D; }
blockquote.blue { background-color: #3185C1; }
blockquote.purple { background-color: #8E2965; }

blockquote footer {
	color: #fff;
	text-align: right;
}

figure {
	margin: auto;
	max-width: 300px
}

figure img {
	max-width: 100%;
}

figure figcaption {
	background-color: #333;
	color: #fff;
	margin: 0 -15px;
	padding: 10px;
	text-align: center;
}

footer .img {
	background-image: url(../img/footer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 60px;
	padding-bottom: 33.333333%;
}

footer .copyright {
	margin-bottom: 60px;
	margin-top: 50px;
}