@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Raleway:wght@400;600;700&family=Silkscreen&display=swap');
@import url('../../cdn.jsdelivr.net/npm/bootstrap-icons%401.9.1/font/bootstrap-icons.css');

html {
	height: 100%;
}

body {
	height: 100%;
}

main {
	min-height: 100%;
	height: auto;
}

.silk-fam {
	font-family: 'Silkscreen', cursive;
}

.rale-fam {
	font-family: 'Raleway', sans-serif;
}

.pops-fam {
	font-family: 'Poppins', sans-serif;
}

.navbar-brand {
	font-family: 'Silkscreen', cursive;
}

.nav-item {
	/* font-family: 'Raleway', sans-serif; */
	font-family: 'Poppins', sans-serif;
}

section.jumbotron {
	background: rgb(30, 30, 30) url(../img/bg.jpeg) center/contain no-repeat;
	background-blend-mode: lighten;
	height: 28vh;
}

.jumbotron .custom-mask {
	background: rgba(0, 0, 0, 0.45);
}

span.divider {
	margin: 24px 0;
	width: 100%;
	height: 1px;
	display: block;
	background-color: rgba(0, 0, 0, 0.25);
}

.swiper {
	max-width: 100%;
	width: 600px;
	height: 420px;
}

.w-md-75 {
	width: 75%;
}

.custom-width {
	max-width: 640px;
	margin: auto;
}

.custom-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.custom-list li {
	width: 200px;
	margin: auto;
	font-size: 1em;
}

.custom-list li:not(:last-child) {
	margin-bottom: 10px;
}

.custom-list li a {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	color: #628bc9;
}

.custom-list li a span {
	text-align: left;
}

@media (min-width: 768px) {
	.custom-list {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		max-width: 640px;
		margin: auto;
	}

	.custom-list li {
		width: auto !important;
		margin: 0 !important;
	}
}

@media (max-width: 576px) {
	.w-md-75 {
		width: 100%;
	}
}