+ padding: 0.1em;
+}
+
+@media only screen and (min-width: 200px) {
+ #display, #alarm-text {
+ font-size: 1.5em;
+ }
+}
+
+@media only screen and (min-width: 300px) {
+ #display, #alarm-text {
+ font-size: 3em;
+ }
+}
+
+@media only screen and (min-width: 400px) {
+ #display, #alarm-text {
+ font-size: 4em;
+ }
+}
+
+@media only screen and (min-width: 500px) {
+ #display, #alarm-text {
+ font-size: 5em;
+ }
+}
+
+@media only screen and (min-width: 600px) {
+ #display, #alarm-text {
+ font-size: 6em;
+ }
+}
+
+@media only screen and (min-width: 700px) {
+ #display, #alarm-text {
+ font-size: 7em;
+ }
+}
+
+@media only screen and (min-width: 800px) {
+ #display, #alarm-text {
+ font-size: 8em;
+ }
+}
+
+@media only screen and (min-width: 1000px) {
+ #display, #alarm-text {
+ font-size: 10em;
+ }
+}
+
+@media only screen and (min-width: 1400px) {
+ #display, #alarm-text {
+ font-size: 10em;
+ }