.parent { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; font-size: 80; /* font-family: 'Comic Neue', cursive; */ font-family: "Comic Sans MS", "Comic Sans", cursive; flex-direction: column; } @media screen and (max-width: 800px) { .parent { font-size: 60; } } @media screen and (min-width: 1000px) { .parent { font-size: 80; } }