no overlapping text on mobile
This commit is contained in:
parent
9f61dee891
commit
e125842186
2 changed files with 13 additions and 18 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
2
vendor/hammer.min.js
vendored
2
vendor/hammer.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue