/* Responsive styles for mobile devices */
@media screen and (max-width: 1024px) {
	.background {
		background-position: 75%;
	}

	.polaroide,
	.polaroide2 {
		display: none;
	}

	.contact {
		flex-direction: column;
		text-align: center;
	}

	.container {
		gap: 1rem;
		width: 100%;
		bottom: 0;
		padding-top: 6rem;
		padding-bottom: 1rem;
		background: linear-gradient(to top, black, #00000000);
	}

	.icon {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;
	}

	.navbar {
		display: none;
	}

	.container2 {
		margin-top: 4rem;
		width: 90%;
		flex-direction: column;
	}

	.box {
		width: 100%;
		flex-direction: column;
	}

	.box-text {
		gap: 1rem;
	}

	.description {
		color: #000000a1;
	}

	.box-image {
		width: 15rem;
		height: 9rem;
	}

	.encadrement {
		width: 100%;
		height: 17vh;
	}

	.container3 {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		gap: 3vw;
		height: fit-content;
		width: 90%;
		margin-top: 3vw;
		margin-bottom: 1rem;
	}

	.text-boite {
		position: relative;
		left: 50%;
		margin-top: 5vw;
		width: 90%;
		height: fit-content;
		transform: translateX(-50%);
		font-size: 1rem;
		text-align: center;
		margin-top: 5rem;
	}

	.text-boite > h1,
	.text-univers > h1 {
		margin: 0;
		padding: 0;
		font-size: 1.5rem;
		width: 100%;
	}

	.text-univers {
		width: 100%;
		text-align: center;
	}

	.containerUnivers {
		width: 100%;
	}

	.containerUnivers > .encadrement {
		height: 50vw;
	}

	.container-boite {
		display: flex;
		align-items: center;
		width: 90%;
		margin-top: 1rem;
	}

	.boite {
		width: 10vh;
		height: 10vh;
	}

	.audioPlayer {
		margin-top: 2rem;
		width: 100%;
	}

	.container-form {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: calc(100% - 12rem);
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
	}

	.form1,
	.form2,
	.form3,
	.form4,
	.form-submit {
		width: 100%;
		font-size: 1rem;
	}
}