:root {
	--blur: 5px;
	--gap: clamp(0.7rem, 3vw, 2.8rem);
	--bs-font-sans-serif: Arial, Tahoma;
	--body-bg: #323232;
	--body-color: #fff;
	--main-color: #cfdc01;
	--title-color: #fff;
	--header-bg: rgb(9, 10, 7);
	--bs-primary: var(--main-color);
	--bs-white: white;
	--btn-color: var(--main-color);
	--link-color: var(--main-color);
	--link-hover-color: #fff03c;
	--nav-link-color: var(--main-color);
	--light-color: var(--main-color);
	--dark-color: black;
	--border-thickness: 1px;
	--border-color: var(--main-color);
	--border-dark-color: #fff03c;
	--border-light-color: #fff;
	--highlight-border-color: #fff03c;
	--menu-bg: var(--main-color);

	--section-portfolio-bg: #222;
	--section-portfolio-color: #e3e3e3;
	--section-partners-bg: #333;
	--section-partners-color: #fff;
	--section-achievements-bg:  #000;
	--section-achievements-color: #fff;
	--section-customers-bg:  #222;
	--section-customers-color: #fff;
	--section-contacts-bg:  #000;
	--section-contacts-color: #fff;

	#designerCustomers {
		--border-thickness: px;
	}
}

.navbar .container-fluid {
	display: none;
}

.navigation .nav-link {
	text-transform: unset;
}

.designer-page .portfolio-block p {
	color: white;
}

#header .brand-block {
	flex-direction: column-reverse;
}

#header .brand-block h1 {
    font-size: calc(1.4em + 0.2vw);
    font-weight: 300;
}

#header .brand-block .brand-logo {
	justify-items: center;
}

#header .brand-block .brand-logo a {
	display: grid;
}

@media screen and (max-width:575.98px) {
	#header {
		flex-direction: column;
	}
	#header .brand-block {
		transform: scale(0.5) translateX(calc((100vw - 100%)))
	}
	#header .brand-block .brand-logo>* {
		max-height: 40px;
    }
}

#header .brand-block .brand-logo {
	max-width: 250px;
}

#site-footer, .contacts-block {
	background-color: inherit;
}

@media (max-width: 400px) {
	.designer-page .about-block .about-logo {
		margin: calc(-4vh - 1.5rem) calc(var(--gap) * -1);
	}
	.designer-page .customers-block .customer .logo {
		margin-right: 0;
	}
	.designer-page .customers-block .customer img~.info {
		display: none;
	}
}

.designer-page .customers-block .container {
	gap: max(2rem, 2vw);
}

.designer-page .customers-block .customer {
	padding: 0;
	margin: auto;
}

.designer-page .customers-block .customer .logo {
	flex: 0 1 300px;
	max-width: 300px;
}

.designer-page .customers-block .customer img~.info {
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
}

.designer-page .customers-block .col {
	width: auto;
	max-width: 100%;
	min-height: 60px;
}

@media (max-width: 575.98px) {
	.designer-page .about-block .about-description {
		border-left: none;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

.gallery-photo figcaption {
	font-size: 0.8em;
	padding: max(1em, 3%) 0;
	background-color: rgba(0, 0, 0, 0);
}

@media (min-width: 576px) {
	.designer-page .portfolio-block .slider-container figure {
		--bs-aspect-ratio: 46.25%;
	}
}

ul.peppermint-dots>li {
	width: 0.6rem;
	height: 2px;
	margin: 0.2rem;
	border: 0;
	border-radius: 0;
	background-color: var(--bs-white);
}

ul.peppermint-dots>li.peppermint-active-dot {
	background-color: var(--main-color);
}