/* RESET */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

/* Defaults */
body  { display: flex; flex-direction: column; font-size: 20px; font-family: Helvetica,Arial,Sans-serif; color:#000000; line-height: 1.5; background:#ffffff; }

h1, h2, h3, h4, h5, h6  { padding:0;margin-top:0;margin-bottom:2.5%; }
h1  { font-size:36px; }
h2  { font-size:22px; }
h3  { font-size:24px; }
h4  { font-size:18px; }
h5  { font-size:14px; }
h6  { font-size:12px; }

p  { margin-top:0;margin-bottom:2.5%; }
ul, ol { padding:0;margin:0 0 3% 2.5%; }
li { padding:0;margin:0 0 2px 2.5%; }
span { margin:0;padding:0; }

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

/* Hyperlinks */
a:link, a:visited  { text-decoration:none; }
a:hover  { text-decoration:underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/* Defaults */
html,body { height: 100%; }
.pagewrap { font-size: 16px; font-family: 'Lato', sans-serif; color: #433b3b; line-height: 1.4; display: flex; flex-direction: column; height: 100%; }

.wrapcont { max-width: 1200px; width: 98%; box-sizing: border-box; margin: 0 auto; }
.header { padding: 10px 0; background-color: #5ba0e2; background-color: #05539e; box-shadow: 2px 2px 3px #2b749d; z-index: 2; }
.header_logo { float: left; width: 280px; padding: 10px 5px; box-sizing: border-box; margin: -10px 0 -25px; background-color: #ffffff; box-shadow: 0 2px 3px #e4e3e2; }
.header_logo a, .header_logo img { display: block; max-width: 242px; width: 100%; margin: 0 auto; }
.container { max-width: 945px; width: 100%; padding: 3% 0; box-sizing: border-box; margin: 0 auto; background: none; }
.bgcont { flex-grow: 1; }

.footer { width: 100%; font-size: 12px; color: #ffffff; box-sizing: border-box; padding: 10px 0; background-color: #151515; }
.footer a { color: #3399ff; text-decoration: none; }
.footer a:hover { color: #9eccfa; text-decoration: underline; }
.footer_logo { width: 180px; margin: 0 auto; }
.footer_logo a, .footer_logo img { display: block; width: 100%; margin: 0 auto; }
.footer_info { text-align: center; margin: 0 0 20px; }
.footer_info p { margin-bottom: 0; }
.footer .wrapcont.table { display: table; }
.footer .wrapcont.table .footer_logo { display: table-cell; width: 180px; vertical-align: top; }
.footer .wrapcont.table .footer_info { display: table-cell; vertical-align: top; }

/* OTHERS */
.clearsides { clear: both; }
.center, p.center { text-align: center; }
.centerblk { margin-left: auto; margin-right: auto; }
.inblk { display: inline-block; }
.widdefa { width: 94%; margin-left: auto; margin-right: auto; }
.fnt-38 { font-size: 38px; }

.red { color: #ff0000; }
.red2 { color: #cb101d; }
.blue1 { color: #5da7c5; }
.blue2 { color: #2eb5ef; }
.pnk { color: #efa6a2; }
.white { Color: #fff; }

/* RESPONSIVE */
@media screen and (max-width: 825px) {
	.container { padding: 5% 0; }	
	.footer { position: relative; margin: auto; }
}

@media screen and (max-width: 600px) {
	.header_logo { float: none; margin: -10px auto -25px; width: 60%; max-width: 140px; }
	.container { padding: 10% 0; }
	
	.footer_logo { width: 130px; }
	.footer_info { margin-bottom: 0; }
	.footer { padding: 0 0 5px; }
}


