html, body { margin:0;width: 100%;height:100%;padding:0;font-family:sans-serif;background:#00519A; }

.vertical-align { position: relative;display:inline-table;vertical-align: middle;height:100%; }
.vertical-outer { display:table-cell;vertical-align: middle; }



h1	 { margin: 50px 0 0;font-family: calder-dark-grit, sans-serif;font-weight: 400;font-style: normal;color:#00519A;font-size:1.5rem; }
p { color:#00519A;font-size:1.2rem;width:100%;max-width:800px;display:block;margin:10px auto 15px; }

section	{ /*overflow: hidden*/display: block;padding: 30px;position: relative;width:100%;;/*height:calc(100% - 190px);*/background:url("Banner_Image_04.jpg") no-repeat center;background-size:cover;text-align:center; }
.section { max-width: 1000px;margin: 0 auto;width:100%; }
/*.characters { position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:200%;max-width:1300px; }*/
.festivelogo { /*position:absolute;top:30px;left:50%;transform:translateX(-50%);*/ }
.characters { width:100%;max-width:1000px; }

header { height:75px;width:100%;display:block;background:#00519A; }
footer { height:115px;width:100%;display:block;background:#00519A; }

header, footer { padding:5px 15px;text-align:center;position:relative; }

.socials { position:absolute;top:23px;right:15px }
.socials img { width:30px; }
.socials a { display: inline-block;margin-left:10px; }
.socials a:hover { opacity:0.6; }


section.text{ background:#fff;color:#000;overflow:auto;height:auto; }
section.text p { color:#000;font-size:1rem;margin-bottom:30px;text-align:left;max-width:800px; }
section.text h1 { color:#000;font-family:sans-serif;font-size:1.8rem; }

.copyright { position:absolute;bottom:30px;left:15px;color:#fff; }

.privacy { position:absolute;bottom:30px;right:15px;color:#fff; }
.privacy:hover { opacity:0.6; }






@media(max-width: 560px) {

h1 { font-size:1.2rem; }
.cillogo { position:absolute;top:15px;left:15px;width:120px; }
.festivelogo { width:120px; }
/*p { margin-bottom:60px;margin-top: 15px;font-size:1.2rem; }*/

}


@media(max-width: 376px) {
	h1 { font-size:1.1rem; }
	p { font-size:1rem; }
	footer { height:85px; }
	.festivelogo { width:80px; }
	.lcclogo { width:50px;position:relative;left:-22px; }
/*	p { margin-bottom:30px;margin-top: 15px;font-size:1rem; }*/

}