body { font-family: "sans-serif"; font-weight: 300; } figcaption { text-align: center; font-size: 8px; color: #808080; } figure { display: inline-block; } .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; } @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; } }