(3 intermediate revisions by the same user not shown) | |||
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 55: | Line 56: | ||
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) { | ||
+ | #big-title-main { | ||
+ | display: none; | ||
+ | } | ||
+ | #big-title-alt { | ||
+ | display: flex; | ||
+ | } | ||
+ | #sub-title { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | @media only screen and (max-width: 1200px) { | ||
+ | #big-title { | ||
+ | font-size: 50px; | ||
+ | top: 200px; | ||
+ | } | ||
+ | } | ||
.c1 { | .c1 { | ||
width: 0; | width: 0; |
Latest revision as of 22:00, 2 October 2018