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

html,
body {
	min-height     : 100vh !important;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: rgb(246, 31, 156) #e8e8e8 !important;
}

body::-webkit-scrollbar {
	width: 12px;
}

body::-webkit-scrollbar-track {
	background: #e8e8e8;
	color     : #e8e8e8;
}

body::-webkit-scrollbar-thumb {
	background: rgb(246, 31, 156);
}

body {
	margin     : 0;
	padding    : 0;
	overflow-x : hidden;
	font-size  : 1rem;
	background : #fff;
	font-family: 'Barlow', sans-serif;
	line-height: 1.5;
	color      : #666;
}

#wrapper {
	width   : min(100%, 1920px);
	position: relative;
	overflow: hidden;
}

#mainimg {
	width              : 100%;
	height             : calc(100vh - 120px);
	overflow           : hidden;
	background-image   : url(../img/architecture_en_champagne.jpg);
	background-position: 40% bottom;
	background-repeat  : no-repeat;
	background-size    : cover;
}

#title {
	position           : absolute;
	z-index            : 30;
	left               : 50%;
	transform          : translateX(-50%);
	top                : 0;
	width              : 1920px;
	height             : 170px;
	overflow           : hidden;
	background         : #fff;
	clip-path          : polygon(0 0, 100% 0, 100% 6.99vw, 0% 100%);
	padding-block-start: 1.5rem;
}

#title_content {
	width         : min(1920px, 100vw);
	margin        : 0 auto;
	padding-inline: 1.5rem;
}

footer {
	width          : 100%;
	height         : 120px;
	background     : #fff;
	display        : flex;
	justify-content: center;
	align-items    : center;
}

h1,
h2 {
	color             : #d0b51e;
	/*#282461;*/
	margin-block-start: 0;
	line-height       : 1;
	text-transform    : uppercase;
}

h1 {
	font-family     : 'Barlow Condensed', sans-serif;
	font-size       : clamp(1.88rem, 1.2rem + 2.56vw, 3.125rem);
	font-weight     : 700;
	margin-block-end: .2rem;
}

h2 {
	font-family     : 'Barlow Semi Condensed', sans-serif;
	font-size       : clamp(1.25rem, 0.75rem + 1.92vw, 2.1875rem);
	font-weight     : 600;
	margin-block-end: 0;
}

@media (min-width: 620px) {
	#mainimg {
		background-image   : url(../img/architecture_en_champagne.jpg);
		background-position: center bottom;
		background-repeat  : no-repeat;
		background-size    : cover;
	}
}

.logo_list {
	list-style     : none;
	margin         : 0;
	padding        : 0;
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 1rem;

}

.logo_list li {
	display   : inline-block;
	max-height: 80px;
}

.logo_list li img {
	display   : inline-block;
	max-height: 80px;
	max-width : 150px;
}

@media (min-width: 1400px) {
	#title {
		padding-block-start: clamp(1.5rem, -2rem + 4vw, 2rem);
	}

	#title_content {
		padding-inline: 2rem;
	}
}