html { position: relative; min-height: 100%; } body { padding-top: 5rem; margin-bottom: 60px; /* Margin bottom by footer height */ } @media (min-width: 992px) { body { padding-top: 56px; } } img { display: block; max-width: 100%; height: auto; } .mainContainer { margin-top: 1rem; } .footer { position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px; background-color: #f5f5f5; } .footer > .container { padding-right: 15px; padding-left: 15px; } blockquote { border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; }