body > div.md-container > main > div { width: 100%; max-width: 100%; } body > div.md-container > main > div > div.md-content > article { margin: 0; } .header { font-size: 1rem; max-width: 61rem; margin: 0rem auto 3em auto; padding: 0 0.8rem; text-align: center; color: #fff; } .header h1 { text-align: center; margin: 2em 0 0.5em 0; font-size: 2.7em; pointer-events: none; color: #fff; } .header h1 a.headerlink { display: none; } .header p { max-width: 900px; font-size: 1.2rem; font-weight: 300; color: rgba(255, 255, 255, 0.6) } .feature:nth-child(2n) { background-color: rgba(173, 206, 224, 0.52); } .feature:nth-child(2n + 1) .image { order: 1; } .content-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 61rem; margin: 0 auto; padding: 7rem 1rem; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera