/* RESET STYLES
---------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL TEXT SIZING
--------------------------------------------------------- */

@media all {html {font-size: 17px;}}
@media all and (max-width:840px){html {font-size: 17px;}}
@media all and (max-width:800px){html {font-size: 16px;}}
@media all and (max-width:760px){html {font-size: 15px;}}
@media all and (max-width:720px){html {font-size: 15px;}}
@media all and (max-width:680px){html {font-size: 15px;}}
@media all and (max-width:640px){html {font-size: 15px;}}
@media all and (max-width:600px){html {font-size: 14px;}}






body {
font-family: 'Roboto', sans-serif;
color: #1a171d;
background-color: #fff;
}

@media all {html {font-size: 19px;}}
@media all and (max-width:840px){html {font-size: 17px;}}
@media all and (max-width:800px){html {font-size: 16px;}}
@media all and (max-width:760px){html {font-size: 15px;}}
@media all and (max-width:720px){html {font-size: 15px;}}
@media all and (max-width:680px){html {font-size: 15px;}}
@media all and (max-width:640px){html {font-size: 15px;}}
@media all and (max-width:600px){html {font-size: 14px;}}


.wrapper {
	width: 100%;
	float: left;
}

.inner {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	padding: 3rem 0 3rem 0;
}

p { font-size: 1rem; line-height: 1.5rem; margin: 0 0 1.5rem 0; }

p img.c45-logo { max-width: 300px; padding: 2rem; }

p img { max-width: 90%; }

h1 { font-size: 1.75rem; color: #111; padding: 0; margin: 1rem 0 2rem 0; font-weight: 700; }

h2 { font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #1f4a40; padding: 2rem 0 1rem 0; margin: 0; }


p a { f color: #786264; border-bottom: 1px solid rgba(120,98,100,0.5); }
p a:hover { color: #333; border-bottom: 1px solid rgba(120,98,100,0.75); }


a { color: #2C9BBB; font-weight: 700; outline: none; ont-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(120,98,100,0.5); }
a:hover { color: #888; }