@import "bootstrap.css";

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body.landing {
	padding: 0 !important;
}

main {
	min-height: calc(100vh - 100px);
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

main,
.container {
	min-width: 300px !important;
}

.big-logo {
	min-width: 100px !important;
}

.bg-gray {
	background: top center / contain no-repeat url(/assets/static/the-legends-gray.png);
}

.join-us {
    background: fixed center  url(/assets/static/the-legends-gray.png);
	background-size: cover;
}

.album .col .card {
	background: none;
}

.w-10 {
	width: 10% !important;
}

.text-tiny {
	font-size: 0.6rem !important;
	font-weight: 100;
}

.hide {
	display: none !important;
}

.core-values p::first-letter {
	color: var(--bs-primary);
	font-weight: bold;
	margin-right: 4px;
}

/* X-small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.hide-mobile {
		display: none !important;
	}

	footer {
		justify-content: center;
	}

	footer>div,
	footer ul {
		align-items: center;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media ((min-width: 576px) and (max-width: 768px)) {
	.hide-mobile {
		display: none !important;
	}
}

/* Medium devices (tablets, 768px and up) */
@media ((min-width: 768px) and (max-width: 992px)) {
	.hide-tablet {
		display: none !important;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

@media print {
	body {
		padding-top: 0 !important;
	}

	nav,
	footer {
		display: none !important;
	}

	.orders .col {
		width: 100% !important;
	}

	.orders .row > div {
		order: 2 !important
	}
}