main {
	padding-top:65vh;
}

	#presents {
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight:bold;
		font-size:1.8em;
		margin-bottom:1.5em;
	}

	h1 {
		font-size:8em;
		line-height:0.9;
		margin-bottom:0.4em;
	}

	.videos {
		margin-block:5vw;
	}

	main .text {
		padding-left:37.5%;
	}

@media screen and (max-width:799px){

	main .text {
		padding-left:22.5%;
	}

	blockquote:nth-of-type(2n+1) {
		width:80%;
	}

	blockquote:nth-of-type(2n+2) {
		margin-left:22.5%;
	}
}

@media screen and (max-width:699px){
	#presents {
		font-size:1.6em;
	}

	h1 {
		font-size:7em;
	}
}

@media screen and (max-width:599px){
	h1 {
		font-size:5em;
	}

	main .text {
		padding-left:3em;
	}
}

@media screen and (max-width:549px){
	main {
		padding-top:75vh;
	}

	h1 {
		margin-bottom:1em;
	}

	main .text {
		padding-left:0;
	}

	blockquote p {
		font-size:3em;
	}

	blockquote,
	blockquote:nth-child(2n+1),
	blockquote:nth-child(2n+2){
		width:100%;
		margin:5em 0;
		padding:0;
	}
}

@media screen and (max-width:459px){
	#presents {
		line-height:1.2;
		padding-right:calc((100vh / 5.6) - 5px);
	}
	h1 {
		font-size:4em;
		padding-right:calc((100vh / 5.6) - 5px);
		margin-bottom:1.75em;
	}
}