body {
	margin: 0;
	width: 100%;
}

#main {
	position: relative;
	width: 1440px;
	height: 7086px;
	margin: auto;
	background: #F1E9E0;

	@media (max-width: 600px) {
		width: 100%;
		min-width: 100%;
	}
}

#content {	
	position: absolute;
	width: 1440px;
	height: auto;
	top: 170px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 0px;

	@media (max-width: 600px) {
		width: 100%;
		height: 3000px;
		top: 0;

		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
}

.margin-zero {
	margin: 0;
}

.no-underline {
	text-decoration: none;
}

.no-wrap {
	white-space: nowrap;
}

.no-decoration {
	text-decoration: none;
}

.uppercase {
	text-transform: uppercase;
}

.color-primary {
	color: #F1E9E0;
}

.color-secondary {
	color: #A14D2A;
}

.hover-pointer:hover {
  cursor: pointer;
}

#button-scroll-to-top {
	display: none;

	@media (max-width: 600px) {
		position: fixed;

		right: 5vw;
		bottom: 5vw;

		width: 15vw;
		height: 15vw;

		border: 1px solid #F1E9E0;
		border-radius: 7.5vw;
		background-color: #A14D2A;

		z-index: 50;
	}
}

#button-scroll-to-top-icon {
	display: none;

	@media (max-width: 600px) {
		display: block;
		position: static;
		width: 8vw;
		height: 8vw;

		margin-left: calc(50% - 4vw);
		margin-top: calc(50% - 3vw);

		background-image: url("../images/scroll-to-top-arrow.svg");
		background-size: contain;
		background-repeat: no-repeat;

		z-index: 55;
	}
}