@charset "UTF-8"; /* CSS Document */ body { min-height: 100%; font-family: 'Lato', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; } #container { max-width:500px; margin: 20px auto 10px auto; clear:both; display:block; position:relative; } #header { width: 500px; height: 169px; margin: 0 auto 0 auto; } #box { width: 498px; border: 1px solid #3F8BB5; } #boxpad{ margin:20px; } #watch{ width:160px; height:202px; float:left; } h1{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; font-size: 1.6em; color:#000000; margin-bottom:0px; margin-top:8px; } .date{ font-family: Arial, helvetica, sans-serif; font-size: .8em; color:#000000; } .content{ font-family: Arial, helvetica, sans-serif; font-size: 1.0em; color:#000000; } #lwlogo { width: 500px; height: 120px; margin: 15px auto 15px auto; } #appstore{ width: 240px; height: 83px; margin: 0 auto 30px auto; } @media only screen and (min-width: 320px) and (max-width: 520px) { #container { width:100%; } #header { width: 100%; height: auto; margin: 0 auto 0 auto; } #box { width: 100%; border: 1px solid #3F8BB5; } #watch{ width:35%; height:auto; float:left; } #lwlogo { width: 100%; height: auto; margin: 0 auto 15px; auto; } } @media only screen and (max-width: 340px) { }