update responsive settings

This commit is contained in:
David 2017-03-26 23:04:17 -04:00
parent 71d93f7e3d
commit ee167db0ba

View File

@ -1,6 +1,6 @@
/* Page Specific CSS */ /* Page Specific CSS */
body {font-family: 'Lato', sans-serif; background: #fff; color: #333; font-size: 16px; margin: 0px; padding: 20px 20px 20px 20px;} body {font-family: 'Lato', sans-serif; background: #fff; color: #333; font-size: 16px; margin: 0px; padding: 20px;}
h1 {font-size: 80px; font-family: 'Acme', sans-serif; font-weight: normal; margin: 0px;} h1 {font-size: 80px; font-family: 'Acme', sans-serif; font-weight: normal; margin: 0px;}
h2 {font-size: 40px; font-family: 'Acme', sans-serif; font-weight: normal; margin: 0px 0px;} h2 {font-size: 40px; font-family: 'Acme', sans-serif; font-weight: normal; margin: 0px 0px;}
h3 {font-family: 'Acme', sans-serif; font-size: 30px; margin: 10px 0px;} h3 {font-family: 'Acme', sans-serif; font-size: 30px; margin: 10px 0px;}
@ -44,9 +44,9 @@ 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 {border: 20px #F8F8F8 solid; margin: 0px; padding: 20px 20px 80px 20px;} body {margin: 0px; padding: 20px;}
#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{width:450px;margin-left:0px;} #map{max-width:450px;margin-left:0px;}
} }