Line 4: | Line 4: | ||
<div id="container"> | <div id="container"> | ||
<div id="big-title"> | <div id="big-title"> | ||
− | <h1>TO THE CENTROMERE</h1> | + | <h1 id="big-title-main">TO THE CENTROMERE</h1> |
+ | <h1 id="big-title-alt">TO THE CENTROMERE</h1> | ||
<h2 id="sub-title">WITH VIRUS-LIKE PARTICLES</h2> | <h2 id="sub-title">WITH VIRUS-LIKE PARTICLES</h2> | ||
</div> | </div> | ||
Line 54: | Line 55: | ||
padding: 0px; | padding: 0px; | ||
font-size: 40px; | font-size: 40px; | ||
+ | } | ||
+ | #big-title-alt { | ||
+ | display: none; | ||
+ | justify-content: center; | ||
+ | width: 100%; | ||
+ | font-size: 60px; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
} | } | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
− | #big-title { | + | #big-title-main { |
− | + | display: none; | |
+ | } | ||
+ | #big-title-alt { | ||
+ | display: flex; | ||
} | } | ||
#sub-title { | #sub-title { | ||
Line 69: | Line 81: | ||
} | } | ||
} | } | ||
− | |||
.c1 { | .c1 { | ||
width: 0; | width: 0; |
Latest revision as of 22:00, 2 October 2018