.font-size-1 { font-size: 15px; }
.font-size-2 { font-size: 25px; }
.font-size-3 { font-size: 35px; }
.font-size-4 { font-size: 40px; }
.font-size-5 { font-size: 50px; }
.font-size-6 { font-size: 60px; }
.font-size-7 { font-size: 70px; }
.font-size-8 { font-size: 80px; }

@media all and (max-width: 1400px){ 
	.font-size-1 { font-size: 15px; }
	.font-size-2 { font-size: 25px; }
	.font-size-3 { font-size: 35px; }
	.font-size-4 { font-size: 40px; }
	.font-size-5 { font-size: 45px; }
	.font-size-6 { font-size: 60px; }
	.font-size-7 { font-size: 70px; }
	.font-size-8 { font-size: 80px; }
}

@media all and (max-width: 1200px){ 
	.font-size-1 { font-size: 13px; }
	.font-size-2 { font-size: 25px; }
	.font-size-3 { font-size: 30px; }
	.font-size-4 { font-size: 35px; }
	.font-size-5 { font-size: 40px; }
	.font-size-6 { font-size: 60px; }
	.font-size-7 { font-size: 70px; }
	.font-size-8 { font-size: 80px; }
}

@media all and (max-width: 1000px){ 
	.font-size-1 { font-size: 13px; }
	.font-size-2 { font-size: 25px; }
	.font-size-3 { font-size: 30px; }
	.font-size-4 { font-size: 30px; }
	.font-size-5 { font-size: 40px; }
	.font-size-6 { font-size: 55px; }
	.font-size-7 { font-size: 70px; }
	.font-size-8 { font-size: 80px; }
}

@media all and (max-width: 850px){ 
	.font-size-1 { font-size: 13px; }
	.font-size-2 { font-size: 20px; }
	.font-size-3 { font-size: 25px; }
	.font-size-4 { font-size: 30px; }
	.font-size-5 { font-size: 35px; }
	.font-size-6 { font-size: 50px; }
	.font-size-7 { font-size: 60px; }
	.font-size-8 { font-size: 70px; }
}

@media all and (max-width: 750px){ 
	.font-size-1 { font-size: 13px; }
	.font-size-2 { font-size: 20px; }
	.font-size-3 { font-size: 25px; }
	.font-size-4 { font-size: 30px; }
	.font-size-5 { font-size: 35px; }
	.font-size-6 { font-size: 40px; }
	.font-size-7 { font-size: 50px; }
	.font-size-8 { font-size: 60px; }
}

@media all and (max-width: 650px){ 
	.font-size-1 { font-size: 12px; }
	.font-size-2 { font-size: 18px; }
	.font-size-3 { font-size: 22px; }
	.font-size-4 { font-size: 26px; }
	.font-size-5 { font-size: 30px; }
	.font-size-6 { font-size: 30px; }
	.font-size-7 { font-size: 40px; }
	.font-size-8 { font-size: 50px; }
}

@media all and (max-width: 550px){ 
	.font-size-1 { font-size: 12px; }
	.font-size-2 { font-size: 18px; }
	.font-size-3 { font-size: 22px; }
	.font-size-4 { font-size: 25px; }
	.font-size-5 { font-size: 30px; }
	.font-size-6 { font-size: 25px; }
	.font-size-7 { font-size: 30px; }
	.font-size-8 { font-size: 40px; }
}

@media all and (max-width: 480px){ 
	.font-size-1 { font-size: 12px; }
	.font-size-2 { font-size: 15px; }
	.font-size-3 { font-size: 18px; }
	.font-size-4 { font-size: 25px; }
	.font-size-5 { font-size: 26px; }
	.font-size-6 { font-size: 20px; }
	.font-size-7 { font-size: 25px; }
	.font-size-8 { font-size: 30px; }
}

@media all and (max-width: 300px){ 
	.font-size-1 { font-size: 12px; }
	.font-size-2 { font-size: 15px; }
	.font-size-3 { font-size: 17px; }
	.font-size-4 { font-size: 20px; }
	.font-size-5 { font-size: 20px; }
	.font-size-6 { font-size: 15px; }
	.font-size-7 { font-size: 20px; }
	.font-size-8 { font-size: 22px; }
}

@media all and (max-width: 480px){ 
	.font-button-1 { font-size: 13px; }
}