.masthead {
	background-color: red;
	padding-top: 3.5rem;
	min-height: 100%;
	padding-bottom: 9rem;
}

.mes-bouton-nav {
	margin-left: 0px !important;
}

.masthead .masthead-device-mockup {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.masthead .masthead-device-mockup .circle {
	position: absolute;
	fill: url('#circleGradient');
	width: 70%;
	display: none;
}

.masthead .masthead-device-mockup .circle .gradient-start-color {
	stop-color: #2937f0;
}

.masthead .masthead-device-mockup .circle .gradient-end-color {
	stop-color: #9f1ae2;
}

.masthead .masthead-device-mockup .shape-1 {
	position: absolute;
	height: 1rem;
	width: 1rem;
	transform: rotate(-10deg);
	fill: #2937f0;
	bottom: 15%;
	left: 10%;
}

.masthead .masthead-device-mockup .shape-2 {
	position: absolute;
	height: 0.75rem;
	width: 0.75rem;
	fill: #2937f0;
	top: 15%;
	right: 10%;
}

.masthead .masthead-device-mockup .device-wrapper {
	max-width: 10rem;
}

@media(min-width: 576px) {
	.masthead .masthead-device-mockup .circle {
		width: 70%;
		display: block;
	}

	.masthead .masthead-device-mockup .device-wrapper {
		max-width: 12.5rem;
	}
}

@media(min-width: 768px) {
	.masthead .masthead-device-mockup .circle {
		width: 60%;
	}

	.masthead .masthead-device-mockup .device-wrapper {
		max-width: 15rem;
	}
}

@media(min-width: 992px) {
	.masthead .masthead-device-mockup .circle {
		width: 90%;
	}

	.masthead .masthead-device-mockup .device-wrapper {
		max-width: 15rem;
	}

}

@media(min-width: 1200px) {
	.masthead .masthead-device-mockup .circle {
		width: 75%;
	}

	.masthead .masthead-device-mockup .device-wrapper {
		max-width: 15rem;
	}
	.mes-bouton-nav {
		margin-left: 10px !important;
	}
}

@media(min-width: 1400px) {
	.masthead .masthead-device-mockup .circle {
		width: 70%;
	}

	.masthead .masthead-device-mockup .device-wrapper {
		max-width: 17rem;
	}
}

.bg-arriere {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
}