body{
	margin:0;
}

#layout-error {
	padding:0;
	margin:0;
	width:100%;
	border:none;
	box-shadow: none;
	background-color: rgb(240, 235, 233);

}

header{
	height:105px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(171 122 91 / var(--tw-bg-opacity, 1));
}

header img{
	max-height:40px;
}

#content{
	padding: 0 24px;
}

#content h1{
	margin: 80px 0;
	font-family: 'Barlow', sans-serif;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 400;
}

.main-section{
	background-color: rgb(250 224 208 / var(--tw-bg-opacity, 1));
	padding: 32px;
}

.main-section .main-section-image{
	background: url("/img/errors/jumbotron-bg.jpg");
	background-size: cover;
	background-position: center;
	height:650px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-section .main-section-image img{
	max-width: 100%;
	height:12rem;
}

.main-section .main-section-titles{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
#layout-error .main-section .main-section-titles h2{
	padding:2em 1em 0;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: lighter;
	margin:0;
	font-family: 'Barlow', sans-serif;
}

#content h3{
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin : 3rem 0;
}

#layout-error a{
	text-decoration: none;
	color: black;
}

#content .address-link,
#content address{
	font-style: normal;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.instagram-container{
	padding-top:50px;
}

.instagram-link{
	background-color: rgb(250 224 208 / var(--tw-bg-opacity, 1));
	max-width: 725px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin : auto;

}

.instagram-link img{
	width: 85%;
	padding: 5px;
	background-color: rgb(240, 235, 233);
	transform: translateY(-50px);
}

.instagram-message{
	margin: 3rem 0;
}

.instagram-logo{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap : 1rem;
	font-family: 'Barlow Light', sans-serif;

}

.instagram-logo span{
	font-weight: 300;
	font-size: 0.9rem;
}

.instagram-logo svg{
	font-size : 1.25rem;
}

.fabricegillotte-link-container{
	font-family: 'Barlow', sans-serif;
	padding : 6rem 0;
}

.maintenance-footer{
	background-color: rgb(226 226 226 / var(--tw-bg-opacity, 1));
	padding : 2.5rem 0;
	font-family: 'Barlow', sans-serif;

}

.maintenance-footer-content{
	max-width: 1200px;
	margin: auto;
}

.maintenance-footer-logo img{
	width:100px;
}

.maintenance-footer-socials{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 3rem 2rem;
}

.maintenance-footer-socials .instagram-logo svg{
	font-size : 3rem;
}

@media (max-width: 768px) {
	#content{
		padding:0;
	}

	#content h1{
		margin: 2rem 0.5rem;
		font-family: 'Barlow', sans-serif;
		text-transform: uppercase;
		font-size: 1.5rem;
		font-weight: 400;
	}

	.main-section{
		padding: 1rem;
	}

	.main-section .main-section-image{
		height:265px;
	}

	.main-section .main-section-image img{
		height:6rem;
	}

	.main-section .main-section-titles{
		flex-direction: column;
		padding:1rem 0 0;
	}

	#layout-error .main-section .main-section-titles h2{
		padding:0.2rem 0;
		font-size: 0.875rem;
		font-weight: 400;
	}

	.maintenance-footer-socials{
		flex-direction: column;
		gap : 2rem;

	}

	.maintenance-footer-socials .instagram-logo svg{
		font-size : 3rem;
	}
}