}
iframe {
- border: none;
- padding: 0;
- overflow: hidden;
margin: 3em 0;
-
width: 37em;
- display: block;
- margin-left: auto;
- margin-right: auto;
-
background-color: #FFF;
border-color: #CCC;
border-style: solid;
height: 6.25em;
}
-@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
+@media screen and (max-width: 800px) {
body {
background-color: #FFF;
+ width: 100%;
+ font-size: 1.1em;
}
h1 {
- font-size: 4em;
+ font-size: 1.5em;
+ background-color: hsl(0, 0%, 23%);
+ color: white;
+ padding: .2em;
}
p {
display: none;
iframe {
width: 100%;
border: none;
+ margin: 1em 0;
+ overflow: hidden;
}
- #core {
- height: 20em;
+ iframe#core {
+ height: 25em;
}
- #options {
- height: 10em;
+
+ iframe#options {
+ display: none;
}
}