@media screen and (max-width: 1200px) { section header { font-size: 2.5em; } } @media screen and (max-width: 1024px) { h1 { font-size: 3em; } section header { font-size: 2em; } } @media screen and (max-width: 768px) { body { font-size: 14px; } h1 { font-size: 2.5em; } } @media screen and (max-width: 620px) { article { width: 90%; } section header { float: none; line-height: 1.5em; width: 100%; } section .content { float: none; line-height: 1.25em; width: 100%; } } @media screen and (max-width: 500px) { body { font-size: 13px; } } @media screen and (max-width: 440px) { .divider { margin: 0; } }