@font-face { font-family: 'Amsterdam Four'; src: url('amsterdam_four.woff2') format('woff2'), url('amsterdam_four.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
	
#animate-this { visibility: hidden; font-family: 'Amsterdam Four',sans-serif; color: #a78c52; text-align: right; }
#animate-this span { transform: translateY(5px); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; }


/* -- 1 -- */
@media screen and (min-width: 1500px) {
	#animate-this { font-size: 60px!important; line-height: 130px!important; }
	.animate-this-big { font-size: 114px!important; }
}

/* -- 2 -- */
@media screen and (min-width: 1200px) and (max-width: 1499px) {
	#animate-this { font-size: 44px!important; line-height: 110px!important; }
	.animate-this-big { font-size: 90px!important; }
}

@media screen and (min-width: 1200px) {
	#animate-this { margin-top: 70px!important; }
	.animate-this-small { font-size: 30px!important; }
}

/* -- 3 -- */
@media screen and (min-width: 600px) and (max-width: 1199px) {
	#animate-this { margin-top: 60px!important; font-size: 34px!important; line-height: 60px!important; }
	.animate-this-big { font-size: 48px!important; }
	.animate-this-small { font-size: 20px!important; }
}

/* -- 4 -- */
@media screen and (max-width: 599px) {
	#animate-this { margin-top: 60px!important; font-size: 30px!important; line-height: 60px!important; }
	.animate-this-big { font-size: 40px!important; }
	.animate-this-small { font-size: 14px; }
}

@media screen and (max-width: 400px) {
	#animate-this { font-size: 26px!important; line-height: 54px!important; }
	.animate-this-big { font-size: 34px!important; }
}