width: 36em;
}
-ol {
+ol, ul {
list-style-type: none;
}
font-weight: bold;
}
-li input {
+li input, li .input {
+ display: inline-block;
padding: .3em;
width: 22em;
font-size: 1em;
.clear {
clear: both;
}
+
+@media screen and (max-width: 450px) {
+ body {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ font-size: 1.1em;
+ }
+
+ li {
+ margin-bottom: 1.4em;
+ }
+
+ li input, li .input {
+ display: block;
+ width: 100%;
+ box-sizing: border-box;
+ }
+
+ li label {
+ text-align: left;
+ color: hsl(0, 0%, 23%);
+ }
+
+ li button {
+ float: none;
+ width: 100%;
+ margin: 0;
+ }
+
+ hr {
+ display: none;
+ }
+}