update responsive settings
This commit is contained in:
parent
71d93f7e3d
commit
ee167db0ba
@ -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;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user