shrink font on small screens

This commit is contained in:
David 2017-03-26 23:08:28 -04:00
parent ee167db0ba
commit cbb5be9a37

View File

@ -44,9 +44,10 @@ ul.nav li a:hover {border-bottom: 1px #FD9393 solid;}
#info p {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; } #info p {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px) { @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px) {
body {margin: 0px; padding: 20px;} h1{font-size: 60px;}
body {margin: 0px; padding: 5px;}
#wrapper {max-width: 460px; padding-top: 20px;} #wrapper {max-width: 460px; padding-top: 20px;}
#Stores, #map {min-width: 224px; width:100%;} #Stores, #map {min-width: 224px; width:100%;}
#map{max-width:450px;margin-left:0px;} #map{width:100%;margin-left:0px;}
} }