@font-face {
    font-family: BebasNeue;
    src: url("./fonts/BebasNeue-Regular.otf") format("opentype");
}
@font-face {
    font-family: Revolution;
    src: url("./fonts/REVOLUTION.ttf") format("opentype");
}


*{ margin: 0; padding: 0; }

iframe, object, embed {
    max-width: calc(100% - 2em) !important;
}

body{
	background: #fff;
	line-height: 1.4em;
    font-family: "Cormorant", serif;
    color: #444444;
    font-size: 13pt;
}

a{ text-decoration: none; color: #3368D8; }

a:hover{ text-decoration: underline; color: #3368D8; }

h1, h2, h3{
	color: #111;
	font-weight: 400;
}
h1{
	font-family: "Revolution", sans-serif;
	text-align: center;
	font-size: 5.7em;
	margin-top: .75em;
}
h2{
	font-family: sans-serif;
	text-transform: uppercase;
	margin-top: 4em;
	margin-bottom: 2em;
	font-size: .75em;
	text-align: center;
	line-height: 1.1em;
	letter-spacing: .7em;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: .65em 0 .65em 0;
	font-weight: 400;
}
h3{
	font-family: "BebasNeue", sans-serif;
	font-size: 2.75em;
	margin-top: .5em;
	margin-bottom: .5em;
	text-align: center;
	line-height: 1.1em;
}
h4{
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	font-weight: 700;
	line-height: 1.1em;
	font-family: Arial, sans-serif;
	font-size: 1em;
	text-align: center;
}
p, ul, ol{
	margin-bottom: 1em;
	line-height: 1.8em;
	font-family: Arial, sans-serif;
}

.main{ max-width: 800px; margin: 0 auto; }

@media screen and (max-width: 800px) {
	.main, .footer{ width: calc(100% - 2em) !important; max-width: calc(100% - 2em) !important; margin: 0 0 !important; padding: 0 1em; }
	h1{ font-size: 4.4em; line-height: 1.1em; }
	.logo-img{ margin: 1em auto 0 auto !important; }
}

.logo-img{ display: block; width: 120px; margin: 2.75em auto 0 auto; }

.footer{ max-width: 800px; margin: 0 auto; border-top: 1px solid #aaa; padding-top: .75em; margin-top: 3em; padding-bottom: .5em; margin-bottom: .5em; text-align: center; }

table{ width: 100%; }
th, td{ font-family: Arial, sans-serif; vertical-align: top; padding: .5em 0 .5em 0; }
th{ text-align: center; }
td{ text-align: left; }
td.key{ font-weight: 700; vertical-align: middle; transform: rotate(-90deg); }

p.caption{ font-weight: 700; padding-top: .25em; }

td{ text-align: center; }
td img{ width: 100%; display: block; }

.video-box{ text-align: center; }
.script{ margin-bottom: 1em; font-size: .8em !important; margin-bottom: 2.5em; }
