.has-tiny-font-size {
  font-size: 10px;
}

@media screen and (min-width: 768px) {
	.has-tiny-font-size {
        font-size: 10px;
    }
}

@media screen and (min-width: 1024px) {
	.has-tiny-font-size {
		font-size: 10px;
	}
}

.has-small-font-size {
  font-size: 12px;
}

@media screen and (min-width: 768px) {
	.has-small-font-size {
        font-size: 12px;
    }
}

@media screen and (min-width: 1024px) {
	.has-small-font-size {
		font-size: 12px;
	}
}

.has-normal-font-size {
  font-size: 16px;
}

@media screen and (min-width: 768px) {
	.has-normal-font-size {
        font-size: 16px;
    }
}

@media screen and (min-width: 1024px) {
	.has-normal-font-size {
		font-size: 16px;
	}
}

body {
	font-size: 16px;
}	

@media screen and (min-width: 768px) {
	body {
		font-size: 16px;
	}
}

@media screen and (min-width: 1024px) {
	body {
		font-size: 16px;
	}
}

.has-large-font-size {
  font-size: 20px;
}

@media screen and (min-width: 768px) {
	.has-large-font-size {
        font-size: 20px;
    }
}

@media screen and (min-width: 1024px) {
	.has-large-font-size {
		font-size: 20px;
	}
}