@font-face { font-family: 'Anton'; src: url('../fonts/Anton-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Bellota Text'; src: url('../fonts/BellotaText-Regular.ttf') format('truetype'); }

@media only screen and (min-width: 1000px) {
	#content {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 80%;
		height: auto;
		padding: 3% 10% 1% 10%;
	}

	h1 {
		font-family: 'Anton';
		font-size: 3vw;
		color: #9C867C;
		opacity: 0.85;
	}

	h2 {
		font-family: 'Anton';
		font-size: 2.25vw;
		color: #9C867C;
		opacity: 0.85;
	}

	h3 {
		font-family: 'Anton';
		font-size: 1.5vw;
		color: #9C867C;
		opacity: 0.85;
	}

	p {
		position: relative;
		display: block;
		font-family: 'Bellota Text';
		font-size: 1.22vw;
		line-height: 1.7vw;
		margin-bottom: 5%;
		margin-top: 0;
		text-align: justify;
	}
}

@media only screen and (max-width: 1000px) {
	#content {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 80%;
		height: auto;
		padding: 7% 10% 7% 10%;
	}

	h1 {
		font-family: 'Anton';
		font-size: 8vw;
		color: #9C867C;
		opacity: 0.85;
	}

	h2 {
		font-family: 'Anton';
		font-size: 6vw;
		color: #9C867C;
		opacity: 0.85;
		margin-bottom: 7%;
	}

	h3 {
		font-family: 'Anton';
		font-size: 5.5vw;
		color: #9C867C;
		opacity: 0.85;
		margin-bottom: 4.5%;
	}

	p {
		position: relative;
		display: block;
		font-family: 'Bellota Text';
		font-size: 4.75vw;
		margin-bottom: 5%;
		margin-top: 0;
		line-height: 7vw;
		margin-bottom: 12.5%;
	}

	p:last-child {
		margin-bottom: 7%;
	}
}