body {
	background-color: black;
	padding-top: 60px;
	padding-bottom: 60px;
}

.bg-body-tertiary {
	background-color: black !important;
}

.nav-link {
	color: white;
}

textarea.form-control {
	border: 1px solid white;
}

.page {
	margin-top: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: white;
}

.product .border {
	/* border: 1px solid white !important; */
	border-radius: 5px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	/* padding: 5px; */
}

.product a {
	text-decoration: none;
	color: white;
}

.product a h3 {
	min-height: 56px;
}

.image-product {
	width: 200px;
	height: 200px;
	aspect-ratio: 1;
}

.product-details {
	margin-bottom: 100px;
}

.price {
	/* position: fixed;
	bottom: 0;
	left: 0;
	right: 0; */
	/* border-top: 2px solid #ffbf00; */
	margin-top: 10px;
	padding: 10px;
	background-color: black;
}

.price button {
	font-size: 20px;
	margin-left: 20px;
}

.orderLine {
	border: 1px solid grey;
	border-radius: 5px;
	margin: 10px;
	padding: 10px;
	padding-bottom: 0px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active {
	background-color: #ffbf00;
	border-color: #ffbf00;
	color: black;
}

.totalOrder {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: black;
	border-top: 2px solid #ffbf00;
	padding: 10px;
}

.totalOrder span {
	font-size: 26px;
	margin-left: 10px;
}

.totalOrder .btn {
	margin-right: 20px;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}
