/* Reset / Defaults */
* {box-sizing: border-box}
::selection {background: #b34942; color: #222; text-shadow:none}
::-moz-selection {background: #b34942;color:#222; text-shadow:none}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {display: block}
html, body {margin:0; padding:0; width:100%; height:100%; overflow: auto;}
body {min-height: -webkit-fill-available; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:-webkit-fill-available; font-family:Georgia, serif; color:#bcbbb7; font-size:18px; background: #222 url(/images/dagmc_bg_half.jpg) top center no-repeat; background-size:cover; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
main {display:flex; justify-content: center; align-items: center; text-align: center; height:100%}
section {padding:0 1em; }
.banner {position:relative; margin:0 auto 2em}
p {hyphens: none; white-space: pre-wrap}
a, a:visited {color: #74adcf; font-style:italic; text-decoration: none}
a:hover, a:visited:hover {color:#fff; text-shadow: 0 0 12px rgba(38,137,255, 1), 0 0 8px rgba(38,137,255, .5)}
.cf {zoom: 1}
.cf:before, .cf:after {content: ""; display: table}
svg:not(:root) {overflow: hidden}
p {word-break: break-word; hyphens: none; white-space: normal}
h1 {font-size: 2em; font-weight:normal}
h1 + p {font-size:1.2em; margin:.5em auto 0; display:inline-block; padding:.5em 1em; background:#161718}
.logo {display:block; width:auto; max-width:380px; margin:0 auto; position:relative;}
.logo img {width:100%; height:auto}

/* Center Content + Sticky Footer */
a {cursor:pointer; }
.m a {display:inline-block; padding:.4em .8em; background:rgba(35,36,37,.95); border: 1px solid #444546}

@media only screen and (min-width: 375px) {
	p {white-space: pre-wrap}
}
@media only screen and (min-width: 768px) {
	.logo {width:500px; max-width:unset}
	h1 + p {font-size:1.3em}
	.banner {margin-bottom:3em}
	.banner + div p {font-size:1.35em;}
}

@media only screen and (min-width: 1024px) {
	.logo {width:550px}
	h1 + p {font-size:1.4em}
	h2 {font-size:1.5em}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width:768px){ 
    body {background: #222 url(/images/dagmc_bg.jpg) top center no-repeat; background-size:cover}
}