.fn14{font-size: 14px;}
.fn16{font-size: 16px;}
.fn18{font-size: 18px;}
.fn20{font-size: 20px;}
.fn24{font-size: 24px;}
.fn30{font-size: 30px;}
.fn36{font-size: 36px;}
.fn54{font-size: 54px;}
.fn60{font-size: 60px;}

.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}

@media only screen and (max-width: 1300px){
	.fn16{font-size: 12px;}
	.fn18{font-size: 16px;}
	.fn20{font-size: 14px;}
	.fn24{font-size: 20px;}
	.fn30{font-size: 20px;}
	.fn36{font-size: 24px;}
	.fn54{font-size: 40px;}
	.fn60{font-size: 40px;}
	
	.mb40{margin-bottom: 30px;}
	.mb55{margin-bottom: 35px;}
	.mb60{margin-bottom: 40px;}
	.mb80{margin-bottom: 60px;}
	.mb100{margin-bottom: 80px;}
}
@media only screen and (max-width: 1024px){
	
	.fn18{font-size: 14px;}
	.fn24{font-size: 18px;}
	.fn36{font-size: 20px;}
	.fn54{font-size: 30px;}
	.fn60{font-size: 24px;}
	
	.mb30{margin-bottom: 20px;}
	.mb40{margin-bottom: 20px;}
	.mb55{margin-bottom: 25px;}
	.mb60{margin-bottom: 30px;}
	.mb80{margin-bottom: 40px;}
	.mb100{margin-bottom: 60px;}
}
@media only screen and (max-width: 768px){
	.fn14{font-size: 12px;}
	.fn18{font-size: 12px;}
	.fn24{font-size: 16px;}
	.fn30{font-size: 16px;}
	.fn36{font-size: 16px;}
	.fn54{font-size: 24px;}
	.fn60{font-size: 18px;}
	
	.mb30{margin-bottom: 10px;}
	.mb55{margin-bottom: 20px;}
	.mb60{margin-bottom: 20px;}
	.mb80{margin-bottom: 20px;}
	.mb100{margin-bottom: 40px;}
}
@media only screen and (max-width: 500px){
	
	.fn24{font-size: 14px;}
	.fn54{font-size: 20px;}
	.mb55{margin-bottom: 10px;}
	.mb100{margin-bottom: 20px;}
	
}