.video-player { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } a, a:visited { color: #000000; } a:hover { color: #8ec8ee; } .siteHeader { border-bottom: 1px solid #eee; } .logo { font-size: 22px; margin-bottom: 0; } @media (min-width: 48em) { .logo { float: left; } .nav { float: right; } } .nav li { display: inline; line-height: 3.5; margin-left: 25px; } .nav li:first-of-type { margin-left: 0; } .siteContent { padding: 50px 0; text-align: center; } .siteFooter { border-top: 1px solid #eee; padding-top: 15px; } blockquote { border-left: 1px solid #ddd; color: #777; font-style: italic; margin: 1em 2em; padding-left: 1em; text-align: left; } blockquote cite { color: #555; display: block; font-size: 14px; font-size: 0.875rem; line-height: 1.71429; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a { color: #555; } blockquote cite a:visited { color: #555; } blockquote.blockquote-reverse { border-left: none; border-right: 1px solid #ddd; padding: 0 1em 0 0; text-align: right; }