body { font-family: "sans-serif"; } figcaption { text-align: center; font-size: 8px; color: #808080; } figure { display: inline-block; } p { margin: 30px 0px 30px 0px; } div.status { color: #FF0000; } .mobile { width: 300px; border-width: 80px 15px 80px 15px; border-style: solid; border-radius: 30px; border-color: #000000; } .logo { display: block; margin: 0 auto; } .screenshot { width: 400px; border: 2px solid; border-color: #8888AA; } img.banner { vertical-align: -5px; } .button { color:#FFFFFF; background-color:#50B050; text-decoration: none; padding: 15px 20px; font-size: 16px; border: none; border-radius: 6px; cursor: pointer; } @media only screen and (min-width: 1px) and (max-width: 630px) { } @media only screen and (min-width: 631px) and (max-width: 950px) { } @media only screen and (min-width: 951px) { div.page { max-width: 950px; width: 100%; margin: 0 auto; } }