body {
	font-family: 'Raleway', sans-serif;
	src: url('/fonts/Raleway-VariableFont_wght.ttf') format('truetype-variations');
	font-weight: 300;
	background-color: #000;
}

a { color: #fff; text-decoration-color: #555; }
a:hover, a:focus, a:active { color: #999; }

h1, h2 { font-weight: 300; }

.btn .icon { height: 1rem; }

.btn-primary { background-color: #2E7D32; border-color: #2E7D32; color: #000; }
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus { background-color: #1B5E20; border-color: #1B5E20; }

.flex-push { margin-left: auto; }

.top {
	padding: 20px 5px;
	color: #fff;
	background-color: #000;
	box-shadow: 0 0 10px #000;
	z-index: 999;
	position: relative;
}
.top .container { display: flex; align-items: center; }

.brand { display: flex; }
.brand .logo { height: 2.5rem; }
.brand h1 { font-size: 2rem; margin: 0 0 0 0.5rem; }

.menu ul { list-style: none; margin: 0; padding: 0; }
.menu li a { font-size: 1rem; }

main {
	color: #fff;
	box-shadow: 0 0 10px #000;
	position: relative;
	z-index: 999;
}
main section {
	padding: 3rem 0;
}
main h2 {
	text-transform: uppercase;
	padding-bottom: 0.5rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #fff;
}

@-webkit-keyframes zoom {
	from { -webkit-transform: scale(1, 1); }
	to { -webkit-transform: scale(1.5, 1.5); }
}

@keyframes zoom {
	from { transform: scale(1, 1); }
	to { transform: scale(1.5, 1.5); }
}

.carousel-inner .carousel-item-inner > img {
	-webkit-animation: zoom 20s;
	animation: zoom 20s;
}

.card {
	background-color: #222;
	color: #fff;
	padding: 0.5rem;
	margin-bottom: 1.5rem;
}

.card-text {
	font-size: 1rem;
	min-height: 7rem;
}

footer {
	color: #fff;
	background-color: #222;
	padding: 4rem 0 2rem 0;
}

footer ul {
	padding-left: 1rem;
}

footer .developer { text-align: center; margin-top: 2rem; }

@media only screen and (max-width: 768px) {
	.carousel-item-inner {
		display: flex;
		flex-direction: column;
		width: 100%;
		overflow: hidden;
	}
	.carousel-item-inner > img {
		width: 100%;
		height: 250px;
		object-fit: cover;
		object-position: center;
	}

	.card-text {
		min-height: auto;
	}
}

/*#slider { position: relative; }
#caption {
    color: #fff;
    padding: 30px;
    position: absolute;
    top: 200px;
    right: 350px;
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    border-radius: 5px;
}
#caption h2 { font-size: 2rem; border-bottom: 1px solid #fff; margin-bottom: 30px; }
#caption ul { font-size: 1.3rem; }*/