/* reset standard elements */
body, div, h1, h2, h3, img, p, ol, ul, li, blockquote, img { margin: 0; padding: 0; }

/* reset hmtl5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; padding: 0; }

a img { border-bottom-width: 0px; }

.clearfix { clear: both; height: 0px; }

* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Helper Styles */
.visually-hidden { display: none; }

/* Typography & Colors */
body { font-family: "Verdana", Helvetica, Arial, sans-serif; font-size: 0.75rem; line-height: 1.6667; color: black; }

h2, h3, h4, h5, h6, p { font-size: 0.75rem; }

p, article ul { margin-bottom: 20px; }

article { letter-spacing: 0; }

h3, h4 { margin-bottom: 0; color: #8f4526; }

h2 { color: #8f4526; text-transform: uppercase; letter-spacing: 0.075em; }

a:link, a:visited { text-decoration: none; color: black; }

nav li { text-transform: uppercase; font-weight: bold; font-size: 0.625rem; margin-right: 0.75rem; letter-spacing: 0.075em; }

li.nowactive a { color: #8f4526; }

aside h2, aside p { font-size: 0.6875rem; line-height: 1.8182; }

aside h2 { color: black; text-transform: none; letter-spacing: 0; }

body { background: #554d48; min-height: 100%; }

#overlay { display: none; width: 100%; margin: auto; position: absolute; left: 0; top: 0; text-align: center; z-index: 50; opacity: 0.3; }

header, footer, nav#main-menu, div.main-container, div.hero-container { margin: 0 auto; max-width: 1000px; background: white; }

header { height: 90px; position: relative; }

header a { position: absolute; display: block; /* right: 0px; */ top: 16px; right: 131px; }

.menuburger { width: 37px; height: 37px; position: absolute; left: 30px; background: white; cursor: pointer; bottom: 21px; border: none; z-index: 20; }

.menuburger:before { content: ""; height: 0px; width: 100%; position: absolute; left: 0; bottom: 0; box-shadow: 0 0px 0 1px #8f4526,  0 -8px 0 1px #8f4526,  0 -16px 0 1px #8f4526,  0 -18px 0 1px #8f452600; }

button.menuburger:focus { outline: none; }

.menublock { width: 100%; height: 2px; background: #8f4526; margin-top: 6px; }

.hero-container { line-height: 0; }

.hero-container img { width: 100%; }

#main-menu { height: 25px; }

div.main-container { padding-bottom: 60px; }

@media only screen and (min-height: 1000px) { div.main-container { min-height: 607px; } }

div.main-container:after { content: ""; display: table; clear: both; }

article { float: left; width: calc(100% - 305px); padding-top: 54px; padding-left: 90px; }

article h2 { margin-bottom: 20px; }

article ul { list-style: none; }

article li { padding-left: 1.25em; position: relative; }

article li:before { content: "- "; position: absolute; left: 0; }

p.nomargin { margin-bottom: 0; }

article tr > td:first-child:after { content: " | "; color: #8f4526; }

article td:first-child { white-space: nowrap; vertical-align: top; }

article a:link, article a:visited { color: #8f4526; text-decoration: underline; }

aside { width: 265px; margin-left: calc(100% - 303px); padding-left: 60px; padding-top: 15px; }

aside h2 { margin-bottom: 20px; }

footer { clear: both; position: relative; border-bottom: solid 74px white; }

#rathai-logo { position: absolute; right: 171px; bottom: 0; }

nav { position: relative; padding-left: 90px; }

nav li { display: inline-block; line-height: 1.4375rem; padding-top: 10px; margin-right: 0.75rem; }

nav#main-menu ul li:first-child { position: absolute; left: 31px; }

nav#main-menu li.rathai-bpfl { display: none; border-top: solid 1px black; margin-right: 0; }

a#rathai-logo-menu:link, a#rathai-logo-menu:visited { color: #748620; }

.contrast-color { color: #8f4526; }

@media only screen and (min-width: 768px) { .menuburger { display: none; }
  .max-medium { display: none; } }

@media only screen and (max-width: 767px) { header a { right: 30px; }
  aside { display: none; }
  article { float: none; width: 100%; padding-top: 30px; padding-left: 30px; padding-right: 30px; }
  button.menuburger.menu-on { position: fixed; top: 32px; background: none; }
  nav#main-menu { position: fixed; left: 0; top: 0; background: rgba(255, 255, 255, 0.9); height: 100vh; margin: 0; padding-left: 0; z-index: 10; overflow: hidden; opacity: 1; display: none; }
  #main-menu ul { margin-top: 96px; }
  nav#main-menu li { display: block; font-size: 12px; padding: 0; }
  nav#main-menu li a { padding: 14px 27px; display: block; }
  nav#main-menu ul li:first-child { position: relative; left: inherit; }
  #rathai-logo { display: none; }
  footer nav { padding-left: 30px; }
  nav#main-menu li.rathai-bpfl { display: block; } }

/*# sourceMappingURL=styles.css.map */