123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207 |
-
- @media handheld, only screen and (max-width: 767px) {
- h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; }
- h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; }
- h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; }
- h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }
- h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; }
- h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; }
- body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
- }
-
-
- @media only screen and (device-width: 768px), (device-width: 800px) {
-
- }
-
-
-
- @media only screen and (max-width: 767px) {
- body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
- .container { min-width: 0; margin-left: 0; margin-right: 0; }
- .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
- .row .row .column, .row .row .columns { padding: 0; }
- .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
- .column:last-child, .columns:last-child { margin-right: 0; }
-
- .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
-
- .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
- .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
-
-
- .row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0; }
-
- .row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column,
- .row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
-
- .row .phone-one.columns { width: 21.68% !important; }
- .row .phone-two.columns { width: 47.8% !important; }
- .row .phone-three.columns { width: 73.9% !important; }
- .row .phone-four.columns { width: 100% !important; }
-
- .row .columns.push-one-phone { left: 26.08%; }
- .row .columns.push-two-phone { left: 52.2% }
- .row .columns.push-three-phone { left: 78.3% }
-
- .row .columns.pull-one-phone { right: 26.08% }
- .row .columns.pull-two-phone { right: 52.2% }
- .row .columns.pull-three-phone { right: 78.3%; }
-
-
- }
-
-
-
-
- @media only screen and (max-width: 767px) {
- .block-grid.mobile { margin-left: 0; }
- .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
- }
-
-
-
-
- .show-on-phones { display: none !important; }
- .show-on-tablets { display: none !important; }
- .show-on-desktops { display: block !important; }
-
- .hide-on-phones { display: block !important; }
- .hide-on-tablets { display: block !important; }
- .hide-on-desktops { display: none !important; }
-
- @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px) {
- .hide-on-phones { display: block !important; }
- .hide-on-tablets { display: none !important; }
- .hide-on-desktops { display: block !important; }
-
- .show-on-phones { display: none !important; }
- .show-on-tablets { display: block !important; }
- .show-on-desktops { display: none !important; }
- }
-
-
- @media only screen and (max-width: 1280px) and (min-width: 768px) {
- .touch .hide-on-phones { display: block !important; }
- .touch .hide-on-tablets { display: none !important; }
- .touch .hide-on-desktops { display: block !important; }
-
- .touch .show-on-phones { display: none !important; }
- .touch .show-on-tablets { display: block !important; }
- .touch .show-on-desktops { display: none !important; }
- }
-
-
- @media only screen and (max-width: 767px) {
- .hide-on-phones { display: none !important; }
- .hide-on-tablets { display: block !important; }
- .hide-on-desktops { display: block !important; }
-
- .show-on-phones { display: block !important; }
- .show-on-tablets { display: none !important; }
- .show-on-desktops { display: none !important; }
- }
-
-
|