no overlapping text on mobile

This commit is contained in:
Garrett Finucane 2014-07-21 21:35:54 -04:00
parent 9f61dee891
commit e125842186
2 changed files with 13 additions and 18 deletions

View file

@ -162,6 +162,18 @@ and (max-device-width : 480px) {
line-height:1em; line-height:1em;
} }
.centeredSubHeader {
font-size:2em;
text-align:center;
}
.centeredSubSubHeader {
font-size:1.4em;
text-align:center;
}
@media only screen @media only screen
and (min-device-width : 320px) and (min-device-width : 320px)
and (max-device-width : 480px) { and (max-device-width : 480px) {
@ -176,27 +188,10 @@ and (max-device-width : 480px) {
text-align:center; text-align:center;
} }
.centeredSubSubHeader {
font-size:.7em;
text-align:center;
}
#overlay { #overlay {
margin-top: -20%; margin-top: -20%;
} }
} }
.centeredSubHeader {
font-size:2em;
text-align:center;
}
.centeredSubSubHeader {
font-size:1.4em;
text-align:center;
}
.blur { .blur {
opacity:0.1; opacity:0.1;
} }

File diff suppressed because one or more lines are too long