/* ---------- BODY ---------- */

html {
background: #FFFFFF;
text-align: left;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
margin: 0 0 0 0;
}

/* ---------- CONTAINER ---------- */

#container {
position: relative;
width: 1184px;
margin: 48px auto 24px auto;
padding: 0 0 0 0;
}

@media only screen and (max-width: 1255px) {

#container {
width: 928px;
}

}

@media only screen and (max-width: 999px) {

#container {
width: 696px;
}

}

@media only screen and (max-width: 719px) {

#container {
width: auto;
margin: 24px 4px -8px 4px;
}

}

/* ---------- LINE ---------- */

#line1,
#line2,
#line3 {
background-image: url(border.png);
background-repeat: repeat-x;
position: relative;
height: 1px;
}

#line1 {
width: 1160px;
margin: 0 12px 0 12px;
padding: 0 0 0 0;
}

#line2,
#line3 {
width: 864px;
margin: 12px 12px 12px 12px;
padding: 0 0 0 0;
}

#line2 {
display: none;
}

@media only screen and (max-width: 1255px) {

#line1 {
width: 904px;
}

#line2,
#line3 {
width: 672px;
}

}

@media only screen and (max-width: 999px) {

#line1 {
width: 672px;
}

#line2 {
display: block;
}

}

@media only screen and (max-width: 719px) {

#line1,
#line2,
#line3 {
width: auto;
}

}

/* ---------- HEADER ---------- */

#header {
position: relative;
width: 1184px;
margin: 0 0 0 0;
padding: 11px 0 12px 0;
}

@media only screen and (max-width: 1255px) {

#header {
width: 928px;
}

}

@media only screen and (max-width: 999px) {

#header {
width: 696px;
}

}

@media only screen and (max-width: 719px) {

#header {
width: auto;
}

}

/* ---------- MENU ---------- */

#menu {
position: relative;
width: 1184px;
margin: 0 0 0 0;
padding: 11px 0 12px 0;
}

@media only screen and (max-width: 1255px) {

#menu {
width: 928px;
}

}

@media only screen and (max-width: 999px) {

#menu {
width: 696px;
}

}

@media only screen and (max-width: 719px) {

#menu {
width: auto;
}

}

#menu ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#menu li {
display: inline-block;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* ---------- CONTENT ---------- */

#content {
position: relative;
width: 1184px;
margin: 0 0 0 0;
padding: 11px 0 12px 0;
}

@media only screen and (max-width: 1255px) {

#content {
width: 928px;
}

}

@media only screen and (max-width: 999px) {

#content {
width: 696px;
}

}

@media only screen and (max-width: 719px) {

#content {
width: auto;
}

}

.left {
position: relative;
width: 296px;
margin: 0 -4px 0 0;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
}

@media only screen and (max-width: 1255px) {

.left {
width: 232px;
}

}

@media only screen and (max-width: 999px) {

.left {
width: 696px;
}

}

@media only screen and (max-width: 719px) {

.left {
width: 100%;
}

}

.right {
position: relative;
width: 888px;
margin: 0 -4px 0 0;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
}

@media only screen and (max-width: 1255px) {

.right {
width: 696px;
}

}

@media only screen and (max-width: 719px) {

.right {
width: 100%;
}

}

/* ---------- FOOTER ---------- */

#footer {
position: relative;
width: 1184px;
margin: 0 0 0 0;
padding: 11px 0 12px 0;
}

@media only screen and (max-width: 1255px) {

#footer {
width: 928px;
}

}

@media only screen and (max-width: 999px) {

#footer {
width: 696px;
}

}

@media only screen and (max-width: 719px) {

#footer {
width: auto;
}

}

.creditleft {
position: relative;
width: 444px;
margin: 0 -4px 0 0;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
}

@media only screen and (max-width: 1255px) {

.creditleft {
width: 348px;
}

}

@media only screen and (max-width: 719px) {

.creditleft {
width: 55%;
}

}

.creditright {
position: relative;
width: 444px;
margin: 0 -4px 0 0;
padding: 0 0 0 0;
display: inline-block;
vertical-align: top;
}

@media only screen and (max-width: 1255px) {

.creditright {
width: 348px;
}

}

@media only screen and (max-width: 719px) {

.creditright {
width: 45%;
}

}

/* ---------- FONTS ---------- */

a {
outline: none;
}

h1,
h2 {
font-family: VafleClassic, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 44px;
line-height: 44px;
text-transform: uppercase;
margin: 0 0 0 0;
padding: 10px 12px 2px 12px;
}

h1 {
color: #000000;
}

h1 a:link,
h1 a:visited,
h1 a:hover {
color: #000000;
text-decoration: none;
}

h2 {
color: #BFBFBF;
}

h2 a:link,
h2 a:visited {
color: #BFBFBF;
text-decoration: none;
}
h2 a:hover,
h2 a.active {
color: #000000;
}

@media only screen and (max-width: 999px) {

h1, h2 {
font-size: 33px;
line-height: 34px;
padding: 10px 12px 4px 12px;
}

}

@media only screen and (max-width: 719px) {

h1, h2 {
font-size: 22px;
line-height: 24px;
padding: 10px 12px 6px 12px;
}

}

h3,
h5 {
color: #000000;
font-family: 'Merriweather', serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 24px;
padding: 8px 12px 8px 12px;
}

h3 {
margin: 0 0 0 0;
}

h5 {
margin: -16px 0 0 0;
}

h3 em,
h5 em {
font-weight: 900;
}

h3 a:link,
h5 a:link,
h3 a:visited,
h5 a:visited,
h3 a:hover,
h5 a:hover {
background-color: #FFED00;
color: #000000;
text-decoration: none;
}

h4 {
color: #666666;
font-family: 'Merriweather', serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 24px;
margin: -16px 0 0 0;
padding: 8px 12px 8px 12px;
}

p,
#footer p {
font-family: 'Merriweather', serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 24px;
margin: 0 0 0 0;
padding: 8px 12px 8px 12px;
}

p {
color: #666666;
}

#footer p {
color: #BFBFBF;
}

h4 a:link,
p a:link,
h4 a:visited,
p a:visited,
h4 a:hover,
p a:hover {
background-color: #FFED00;
color: #666666;
text-decoration: none;
}

@media only screen and (max-width: 719px) {

h3,
h4,
h5,
p,
#footer p {
font-size: 14px;
}

}

/* ---------- VIDEOS ---------- */

.video169 {
position: relative;
width: 864px;
height: 0;
margin: 12px 12px 12px 12px;
padding: 0 0 54.75% 0;
}

.video43 {
position: relative;
width: 864px;
height: 0;
margin: 12px 12px 12px 12px;
padding: 0 0 73% 0;
}

@media only screen and (max-width: 1255px) {

.video169,
.video43 {
width: 672px;
}

}

@media only screen and (max-width: 719px) {

.video169,
.video43 {
width: auto;
}

}

.video169 iframe,
.video43 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.mp4 {
position: relative;
width: auto;
height: auto;
margin: 12px 12px 8px 12px;
padding: 0 0 0 0;
}

.mp4 video {
background-color: #000000;
}

/* ---------- IMAGES ---------- */

.imageS {
width: 272px;
height: auto;
margin: 12px -4px 6px 0;
padding: 0 12px 0 12px;
display: inline-block;
vertical-align: top;
}

@media only screen and (max-width: 1255px) {

.imageS {
width: 208px;
}

}

@media only screen and (max-width: 719px) {

.imageS {
width: 50%;
box-sizing: border-box;
}

}

@media only screen and (max-width: 479px) {

.imageS {
width: 100%;
}

}

.imageM {
width: 420px;
height: auto;
margin: 12px -4px 6px 0;
padding: 0 12px 0 12px;
display: inline-block;
vertical-align: top;
}

@media only screen and (max-width: 1255px) {

.imageM {
width: 324px;
}

}

@media only screen and (max-width: 719px) {

.imageM {
width: 50%;
box-sizing: border-box;
}

}

@media only screen and (max-width: 479px) {

.imageM {
width: 100%;
}

}

.imageL {
width: 864px;
height: auto;
margin: 12px -4px 6px 0;
padding: 0 12px 0 12px;
display: inline-block;
vertical-align: top;
}

@media only screen and (max-width: 1255px) {

.imageL {
width: 672px;
}

}

@media only screen and (max-width: 719px) {

.imageL {
width: 100%;
box-sizing: border-box;
}

}

img {
width: 100%;
height: auto;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.rklogo {
width: 100px;
height: auto;
margin: 10px 12px 10px 12px;
padding: 0 0 0 0;
float: right;
}

@media only screen and (max-width: 719px) {

.rklogo {
margin: 9px 12px 9px 12px;
}

}