@import url(https://fonts.googleapis.com/css?family=Cinzel:400);
@import url(https://fonts.googleapis.com/css?family=Raleway:300);
@import url(https://fonts.googleapis.com/css?family=Quattrocento:400);
@import "font-awesome.min.css";
@import "font-awesome-ie7.min.css";

/*Color variables*/
:root {
    --header-background: linear-gradient(to right, #1c1509 0%, #494836 50%, #1c1509 100%%);
    --header-color: #ecbc53;
    --header-font: 'Cinzel', serif;
    --banner-font: 'Quattrocento', serif;
    --banner-color: #ecbc53;
    --banner-background: #ecbc53;
    --banner-shoutout: #ecbc53;
    --body-font: 'Quattrocento', Arial, sans-serif;
    --ruler-color: #d1c9c7;
    --body-background: linear-gradient(to right, #1c1509 0%, #494836 50%, #1c1509 100%);
    --body-color: #eee;
    --footer-background: transparent;
    --footer-color: #eee;
    --shadow-color: #999;
    --link-color: #ecbc53;
    --selection-background: #fff;
    --selection-color: #666;
}
html {background:var(--body-background)}
body {z-index:0;color:var(--body-color);border:0;font-family:var(--body-font);font-size:15pt;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1, h2, h3, h4, h6, .uk-heading-small, .uk-overlay-primary h3 {font-family:var(--header-font); color: var(--header-color); text-transform:uppercase; font-weight:bold}
h1 {font-size: 21pt; border-bottom:1px solid var(--footer-background)}
h2, .uk-heading-small {font-size: 21pt; border-bottom:1px solid var(--footer-background)}
h3, h4 {font-size: 18pt; border-bottom:1px solid var(--footer-background)}
small {font-size:12pt}
img {max-width:100%!important}
a, b {color: var(--link-color);}
a:hover {color:var(--link-color); text-decoration:none}
textarea {resize: none; height: 12em!important; border:1px solid var(--body-color)!important}
input, select, textarea {background:transparent !important; color:var(--body-color)!important; border:1px solid var(--body-color)!important}
header {color:var(--header-color)}
footer {margin-top:5em; padding:5em 0; text-align:center;background:var(--footer-background)!important;color:var(--footer-color)}
.uk-navbar {text-transform:uppercase;font-weight:bold;background:var(--body-background)!important;color:var(--link-color);height:3em}
.uk-lightbox {background: var(--body-background)!important}
footer .uk-navbar {background: transparent!important}
footer a {font-weight:300; color: var(--link-color)!important}
.uk-navbar > ul > li > a {color: #900; text-shadow:none!important;text-transform:uppercase}
.uk-button {font-size:10pt; color: var(--link-color); border-radius:0; border:1px solid var(--link-color); text-shadow:none; text-transform:uppercase; font-weight:bold; margin-top:0.3em;transition:all 0.2s}
.small_logo {display:block;width:calc(150px + 4vw); height:auto; margin:0 auto}
.payoff {display:block;width:calc(120px + 4vw); height:auto; margin:0 auto}
.uk-navbar-toggle, .uk-form-label {font-size:12pt; color:var(--body-color)}
.uk-nav-default {background:var(--body-background); text-transform:uppercase}
.uk-offcanvas-bar {background:var(--banner-background)}
.uk-show {visibility: visible; opacity: 1; transition: all 1s}
.uk-hide {visibility: hidden; opacity: 0; transition: all 1s}
.uk-overlay-primary {background:#33333344}
.uk-overlay .uk-margin-remove p {padding: 0; margin: 0}
.uk-overlay h3 {color: var(--body-color); background:transparent; font-size:32pt; border-top:2px solid var(--body-background); border-bottom:2px solid var(--body-background)}
.uk-overlay h4 {color: var(--body-background); background:transparent;font-size:16pt; border-top:2px solid var(--body-background); border-bottom:2px solid var(--body-background)}
.uk-modal-dialog {background: var(--body-background)}
.uk-modal-close-full {background: transparent; color:var(--link-color)}
.img-text {background: var(--body-background); color: var(--body-color); padding:2rem}
.uk-banner {font-size:300%; letter-spacing:0.2em; color: var(--banner-background)!important}
.uk-banner b, .uk-banner strong {color: var(--link-color)!important}
span.uk-icon, .uk-offcanvas-close, .uk-offcanvas-bar .uk-nav-default > li > a {color: var(--header-color)!important}
@media (max-width: 992px) {
  .payoff {display:block;width:calc(100px + 4vw); height:auto; margin:0 auto}

}