/*Custom CSS*/

h1, h2, h3, p, a { font-family: 'Roboto', sans-serif; }

h3 { margin-bottom: 1.5rem; }

.hero-img { background-image: none; background-position: 60% center; background-size: cover; background-repeat: no-repeat; text-align: center; padding: 10em 0; }

	.hero-img h1, .hero-img h2 { color: #fff; text-shadow: 2px 2px 6px rgba(0,0,0,0.72); }

	.hero-img h1 { font-size: 3.5em; }

	.hero-img h2 { font-size: 2.5em; }

.custom-purple { background-color: #c2bfd3; }

.custom-green { background-color: #d0d3bf; }

.card-img-top { width: 54px; margin: 10% auto 0; }

/*ul { list-style: inside; }*/

.expandable-icon { text-decoration: none; color: #333; font-size: 2em; border: 1px solid; border-radius: 50%; display: inline-block; height: 40px; width: 40px; line-height: 1.2; margin-bottom: 20px;
	 -webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;}

	.expandable-icon:hover { text-decoration: none; }

	.expandable-icon[aria-expanded="true"] { transform: rotate(180deg); }

/*.collapse .card, .collapsing { border: none !important; border-width: 0 !important; }*/

.signs-container { width: 50%; margin: 0 auto; }

@media only screen and (max-width: 760px) {
	.signs-container { width: 100%; }
}

@media only screen and (min-width: 992px) {
	.container p { width: 80%; margin: 0 auto 1em; }
}

/* Footer */

footer {
	background: #fff;
}

footer p,
footer span , 
footer hr {
	color: #333;
}

footer #disclaimer {
	text-transform: uppercase;
	font-weight: bold;
	;
}