background: #f7f7f7;
color: black;
- @include size(font-size, 13px);
+ @include size(font-size, 15px);
}
a {
h1 {
@include size(font-size, 35px);
+ line-height: 1.1em;
font-weight: normal;
@include size(margin-top, 14px);
}
h2 {
- @include size(font-size, 20px);
+ @include size(font-size, 23px);
+ line-height: 1.1em;
font-weight: normal;
}
h3 {
- @include size(font-size, 15px);
+ @include size(font-size, 17px);
font-weight: normal;
}
.left-column, .right-column {
@include size(max-width, 600px);
+ @include size(padding-left, 1em);
+ @include size(padding-right, 1em);
}
@media screen and (min-width: 62.5em) {
- .left-column {
+ .left-column, .right-column {
@include size(width, 470px);
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .left-column {
float: left;
}
.right-column {
- @include size(width, 470px);
float: right;
}
}
@include size(margin-bottom, 10px);
}
}
+
+@media screen and (max-width: 62.5em) {
+ .mobile-margins {margin-left: 1em; margin-right: 1em;}
+}