@@ -226,49 +226,49 @@ body {
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: none;
}
* Improve readability when focused and also mouse hovered in all browsers.
a:active,
a:hover {
outline: 0;
/* ==========================================================================
Typography
========================================================================== */
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
h1 {
font-size: 2em;
margin: 0.67em 0;
/* margin: 0.67em 0; */
* Address styling not present in IE 8/9, Safari 5, and Chrome.
abbr[title] {
border-bottom: 1px dotted;
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
b,
strong {
font-weight: bold;
* Address styling not present in Safari 5 and Chrome.
dfn {
font-style: italic;
@@ -611,62 +611,58 @@ body {
@media (min-width: 25em) {
.lede {
font-size: 3vw;
@media (min-width: 64em) {
font-size: 2vw;
margin: 3.375rem 0;
@media (min-width: 80em) {
font-size: 28px;
a {
color: #337ab7;
text-decoration: none;
border-bottom: 1px solid #3ab1c9;
text-decoration: none !important;
/* border-bottom: 1px solid #3ab1c9; */
transition: color 300ms;
a:hover, a:focus, a:active {
color: #3ab1c9;
ul,
ol {
padding: 0;
/* margin: 0; */
ul > li,
ol > li {
list-style-position: outside;
margin-left: 1em;
blockquote {
margin-left: 0;
padding-left: 20px;
padding-left: 1.25rem;
border-left: 1px solid #3ab1c9;
table th {
font-family: "Titillium Web", sans-serif;
font-weight: 900;
text-transform: uppercase;
.track-name {
margin-top: 0;
margin-bottom: 0;