Line 164: | Line 164: | ||
.jumbotron span { font-size: 20px; } | .jumbotron span { font-size: 20px; } | ||
} | } | ||
+ | @media screen and (max-width: 710px) { | ||
+ | #home-page .intro { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width: 530px) { | ||
+ | #home h1 { | ||
+ | font-size: 80px; | ||
+ | } | ||
+ | #facts h1, #detection h1, #system h1 { font-size: 30px; } | ||
+ | #facts h2, #detection h2, #system h2 { font-size: 25px; } | ||
+ | #facts p, #detection p, #system p { font-size: 15px; } | ||
+ | } | ||
+ | @media screen and (max-width: 410px) { | ||
+ | #home h1 { | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width: 330px) { | ||
+ | #home h1 { | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | #home p { | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 01:35, 2 December 2016