@charset "UTF-8";
/* CSS Document */

/* PriceDown BLRegular Font Family */
@font-face {
    font-family: 'Pricedown_BLRegular';
    src: url('fonts/pricedown_bl-webfont.eot');
    src: url('fonts/pricedown_bl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pricedown_bl-webfont.woff') format('woff'),
         url('fonts/pricedown_bl-webfont.ttf') format('truetype'),
         url('fonts/pricedown_bl-webfont.svg#pricedown_blregular') format('svg');
}

/* Avenir Font Family */
@font-face {
    font-family: 'Avenir_Light';
    src: url('fonts/avenir_light.eot');
    src: url('fonts/avenir_light.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_light.woff') format('woff'),
         url('fonts/avenir_light.ttf') format('truetype'),
         url('fonts/avenir_light.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_LightOblique';
    src: url('fonts/avenir_lightoblique.eot');
    src: url('fonts/avenir_lightoblique.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_lightoblique.woff') format('woff'),
         url('fonts/avenir_lightoblique.ttf') format('truetype'),
         url('fonts/avenir_lightoblique.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_Roman';
    src: url('fonts/avenir_roman.eot');
    src: url('fonts/avenir_roman.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_roman.woff') format('woff'),
         url('fonts/avenir_roman.ttf') format('truetype'),
         url('fonts/avenir_roman.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_Book';
    src: url('fonts/avenir_book.eot');
    src: url('fonts/avenir_book.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_book.woff') format('woff'),
         url('fonts/avenir_book.ttf') format('truetype'),
         url('fonts/avenir_book.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_Oblique';
    src: url('fonts/avenir_oblique.eot');
    src: url('fonts/avenir_oblique.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_oblique.woff') format('woff'),
         url('fonts/avenir_oblique.ttf') format('truetype'),
         url('fonts/avenir_oblique.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_Medium';
    src: url('fonts/avenir_medium.eot');
    src: url('fonts/avenir_medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_medium.woff') format('woff'),
         url('fonts/avenir_medium.ttf') format('truetype'),
         url('fonts/avenir_medium.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_MediumOblique';
    src: url('fonts/avenir_mediumoblique.eot');
    src: url('fonts/avenir_mediumoblique.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_mediumoblique.woff') format('woff'),
         url('fonts/avenir_mediumoblique.ttf') format('truetype'),
         url('fonts/avenir_mediumoblique.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_Heavy';
    src: url('fonts/avenir_heavy.eot');
    src: url('fonts/avenir_heavy.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_heavy.woff') format('woff'),
         url('fonts/avenir_heavy.ttf') format('truetype'),
         url('fonts/avenir_heavy.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_HeavyOblique';
    src: url('fonts/avenir_heavyoblique.eot');
    src: url('fonts/avenir_heavyoblique.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_heavyoblique.woff') format('woff'),
         url('fonts/avenir_heavyoblique.ttf') format('truetype'),
         url('fonts/avenir_heavyoblique.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_Black';
    src: url('fonts/avenir_black.eot');
    src: url('fonts/avenir_black.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_black.woff') format('woff'),
         url('fonts/avenir_black.ttf') format('truetype'),
         url('fonts/avenir_black.svg') format('svg');
}

@font-face {
    font-family: 'Avenir_BlackOblique';
    src: url('fonts/avenir_blackoblique.eot');
    src: url('fonts/avenir_blackoblique.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir_blackoblique.woff') format('woff'),
         url('fonts/avenir_blackoblique.ttf') format('truetype'),
         url('fonts/avenir_blackoblique.svg') format('svg');
}


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}









/*! normalize.css v1.0.2 | MIT License | git.io/normalize */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    zoom:1;
}


/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/

[hidden] {
    display: none;
}

/* ==========================================================================
Base
========================================================================== */

/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}



/* ==========================================================================
Links
========================================================================== */

/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
    outline: thin dotted;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/

a:active,
a:hover {
    outline: 0;
}


/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/

abbr[title] {
    border-bottom: 1px dotted;
}

/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
* Addresses styling not present in Safari 5 and Chrome.
*/

dfn {
    font-style: italic;
}

/*
* Addresses styling not present in IE 6/7/8/9.
*/

mark {
    background: #ff0;
    color: #000;
}

/*
* Addresses margins set differently in IE 6/7.
*/

p,
pre {
    margin: 1em 0;
}

/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
* Improves readability of pre-formatted text in all browsers.
*/

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
* Addresses CSS quotes not supported in IE 6/7.
*/

q {
    quotes: none;
}

/*
* Addresses `quotes` property not supported in Safari 4.
*/

q:before,
q:after {
    content: '';
    content: none;
}

/*
* Addresses inconsistent and variable font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
Lists
========================================================================== */

/*
* Addresses margins set differently in IE 6/7.
*/

dl,
menu,
ol,
ul {
    margin:0;
    /*margin: 1em 0;*/
}

dd {
    margin:0;
    /*margin: 0 0 0 40px;*/
}

/*
* Addresses paddings set differently in IE 6/7.
*/

menu,
ol,
ul {
    padding:0;
    /*padding: 0 0 0 40px;*/
}

/*
* Corrects list images handled incorrectly in IE 7.
*/

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
Embedded content
========================================================================== */

/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

img, embed, object/*, video*/ {
    max-width: 100%; 
}


/*
* Corrects overflow displayed oddly in IE 9.
*/

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
Figures
========================================================================== */

/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/

/*figure {
    margin: 0;
}*/

/* ==========================================================================
Forms
========================================================================== */

/*
* Corrects margin displayed oddly in IE 6/7.
*/

form {
    margin: 0;
}

/*
* Define consistent border, margin, and padding.
*/

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

button,
input {
    line-height: normal;
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible; /* 4 */
}

/*
* Re-set default cursor for disabled elements.
*/

button[disabled],
input[disabled] {
    cursor: default;
}

/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */ /* 2 */
    box-sizing: content-box;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
* Removes inner padding and border in Firefox 3+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */

/*
* Remove most spacing between table cells.
*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}




:root {
  --reddish-brown: #542C0A;
  --beige: #d5cfa2;
  --rust-orange: #bd481d;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* -- DEFAULT MEDIA QUERIES for smallest "mobile-first" browser canvas -- */
/* Portrait Smartphones (iPhone, Android, etc, 320x480 phones) */

body {
    background: url(../imgs/background_rays_centered.svg) 50% 0 no-repeat fixed;
    background-size: 100% auto;
    -webkit-background-size:100% auto;
    -o-background-size:100% auto;
    -khtml-background-size:100% auto;
    -ms-background-size:100% auto;
    -moz-background-size:100% auto;

    font-size:16px; /*Sets the base font pixel size to 16px */
    margin: 0 auto;
    width:100%;
    max-width:479px; /*479px*/
}

.header {
    align-items: center;
    background: #FFF;
    box-shadow: 1px 2px 3px var(--reddish-brown);
    display: grid;
    /*height: auto;*/
    grid-template-columns: 1fr 5fr;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

.logo {
    margin: .25rem;
}

.logo img {
    max-height: 48px;
    object-fit: cover;
}

.ribbon-header {
    display: none;
}

.nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}
.nav li {
    font-family: 'Pricedown_BLRegular', Georgia, Times, serif;
    font-size:1em; /*16px*/
    font-style:normal;
    font-weight:normal;
    letter-spacing:0;
    list-style:none;
    list-style-type:none;
    padding:0;
    text-align:center;

}
.nav li a, .nav li a:visited {
    color:var(--reddish-brown);
    text-decoration:none;
}
.nav li a:hover, .nav li a:active {
    color:var(--rust-orange); 
}
#about .nav a, #portfolio .nav a, #contact .nav a {
    color:var(--rust-orange); 
}
#about .nav a:before, #portfolio .nav a:before, #contact .nav a:before {
    content:"{ ";
    letter-spacing:-0.1em;
}
#about .nav a:after, #portfolio .nav a:after, #contact .nav a:after {
    content:" }";
    letter-spacing:-0.2em;
}

.nav_topic {
    display: none;
}

#social {
    /*text-indent:-9999px;*/
}
#social img, #social svg {
    display:none;
}
.twitter_embed {
    display:none;
}

#content {
    display: block;
    float: none;
    height: auto !important;
    margin:0 auto;
    padding:0;
    position:relative;
    overflow: hidden;
    min-width:inherit;
    max-width: 85.33%; /*273/320px – 655/768px*/  
} 

#content #tagline {
    display: block;
    float:none;
    height:120px; /*do not change, special height settings for each media query using the jQuery Cycle plugin*/
    margin:6em 0 0 0; /*96px*/
    padding:0;
    position:relative;
    z-index:1;
}
#tagline div {top: 0; left: 0;}
#content .ribbon-header {
    background: url(../imgs/ribbonHead.svg) center center, 
                 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1Y2ZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZjlmNmU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNmOWY2ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDVjZmEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: url(../imgs/ribbonHead.svg) center center, -webkit-linear-gradient(left, rgba(213,207,163,1) 0%, rgba(249,246,229,1) 4%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 92%, rgba(249,246,229,1) 96%, rgba(213,207,163,1) 100%);
    background: url(../imgs/ribbonHead.svg) center center, 
                 linear-gradient(to right, rgba(213,207,163,1) 0%,rgba(249,246,229,1) 4%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 92%,rgba(249,246,229,1) 96%,rgba(213,207,163,1) 100%); /* W3C */ /* FF3.6+ */
    background: url(../imgs/ribbonHead.svg) center center, 
                 -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(213,207,163,1)), color-stop(4%,rgba(249,246,229,1)), color-stop(8%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(92%,rgba(255,255,255,1)), color-stop(96%,rgba(249,246,229,1)), color-stop(100%,rgba(213,207,163,1))); /* Chrome,Safari4+,iOS */
    background: url(../imgs/ribbonHead.svg) center center, 
                 -webkit-linear-gradient(left, rgba(213,207,163,1) 0%,rgba(249,246,229,1) 4%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 92%,rgba(249,246,229,1) 96%,rgba(213,207,163,1) 100%); /* Chrome10+,Safari5.1+,iOS */ /* Opera 11.10+ */ /* IE10+ */
                 
    background-size:auto 100%;
    -webkit-background-size:auto 100%;
    -o-background-size:auto 100%;
    -khtml-background-size:auto 100%;
    -ms-background-size:auto 100%;
    -moz-background-size:auto 100%; 
      
    border: 0px solid var(--reddish-brown);
    box-shadow:0px 2px 4px #999;
    display:block;
    margin:0 auto 1.5em auto; /* 24px bottom margin */
    padding: .5em .5em; /* Adjust to suit */
    position: relative;
    text-align: center;
    text-transform:uppercase;
    width:65%;
}
#content .ribbon-header:before, #content .ribbon-header:after {
   content: "";
   position: absolute;
   display: block;
   bottom: -.75em;
   border: 1.5em solid var(--beige); 
   z-index: -1;
}
#content .ribbon-header:before {
   left: -2.25em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   box-shadow: 4px 2px 3px #999;
}
#content .ribbon-header:after {
   right: -2.25em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   box-shadow: -4px 2px 3px #999;
}
#content .ribbon-header .tagline:before, #content .ribbon-header .tagline:after {
   content: "";
   position: absolute;
   display: block;
   border-style: solid;
   border-color: var(--reddish-brown) transparent transparent transparent;
   bottom: -1em;
}
#content .ribbon-header .tagline:before {
   left: 0;
   border-width: 1em 0 0 1em;
}
#content .ribbon-header .tagline:after {
   right: 0;
   border-width: 1em 1em 0 0;
}
h1 {
    color:var(--rust-orange); 
    font-family: 'Avenir_Black', Arial, Helvetica, sans-serif;
    font-size:.75em; /*12px*/
    font-style:normal;
    font-weight:normal;
}
h2 {
    color:var(--reddish-brown);
    display:block;
    float:none;
    font-family: 'Pricedown_BLRegular', Georgia, Times, serif;
    font-size:1.25em; /*20px*/
    font-style:normal;
    font-weight:normal;
    line-height:1.25em; /*20px*/
    margin:0 auto;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    width:100%;
}
h3 {
    background:none;
    color:var(--rust-orange); 
    display:block;
    float:none;
    font-family: 'Avenir_Black', Arial, Helvetica, sans-serif;
    font-size:.625em; /*10px*/
    font-style:normal;
    font-weight:normal;
    margin:0 auto;
    padding:0;
    text-align:center;
    width:100%;
}

.dividerTabs {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTkyMHB4IiBoZWlnaHQ9IjY3LjJweCIgdmlld0JveD0iMCAyMTguOCAxOTIwIDY3LjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAyMTguOCAxOTIwIDY3LjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJhZGlhbEdyYWRpZW50IGlkPSJTVkdJRF8xXyIgY3g9Ii0yNDQuODUyOSIgY3k9IjM3Ni43IiByPSIyOS42NTMxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDMyLjM5NTMgMCAwIC0xLjQ2MjQgODg5My44MTA1IDc2OS42Mzc3KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPg0KCTxzdG9wICBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiNGMTVBMjQiLz4NCgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+DQo8L3JhZGlhbEdyYWRpZW50Pg0KPHBhdGggb3BhY2l0eT0iMC40OCIgZmlsbD0idXJsKCNTVkdJRF8xXykiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgICAgIiBkPSJNNC40LDIxOC44YzEuMywyMy43LDQyOS4yLDQzLjMsOTU3LjIsNDMuMw0KCXM5NTYuMi0xOS4zLDk1Ny41LTQzLjNINC40eiIvPg0KPC9zdmc+DQo=) center top no-repeat;
    background-size:contain;
    -webkit-background-size:contain;
    -o-background-size:contain;
    -khtml-background-size:contain;
    -ms-background-size:contain;
    -moz-background-size:contain;
    display: inline-block;
    height: inherit;
    margin:1em 0 0 0;
    padding:0;
    width:100%; /*273px – 655px*/ 
}

span.tab {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjQgNzEuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0IDcxLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe2ZpbGw6dXJsKCNTVkdJRF8xXyk7fSAuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzQyMjEwQjtzdHJva2Utd2lkdGg6MS4wMjM3O3N0cm9rZS1taXRlcmxpbWl0OjEwO30gLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuMDIzNztzdHJva2UtbWl0ZXJsaW1pdDoxMDt9IDwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwIiB5MT0iMzUuOSIgeDI9IjEyNCIgeTI9IjM1LjkiPjxzdG9wIG9mZnNldD0iNS42ODAwMTBlLTAzIiBzdHlsZT0ic3RvcC1jb2xvcjojRjE1QTI0Ii8+PHN0b3Agb2Zmc2V0PSIzLjU2NDY1MWUtMDIiIHN0eWxlPSJzdG9wLWNvbG9yOiNDRjRFMUYiLz48c3RvcCBvZmZzZXQ9IjUuNjM1NTYwZS0wMiIgc3R5bGU9InN0b3AtY29sb3I6I0JENDgxRCIvPjxzdG9wIG9mZnNldD0iMC41MTQ4IiBzdHlsZT0ic3RvcC1jb2xvcjojRjE1QTI0Ii8+PHN0b3Agb2Zmc2V0PSIwLjk1MjciIHN0eWxlPSJzdG9wLWNvbG9yOiNCRDQ4MUQiLz48c3RvcCBvZmZzZXQ9IjAuOTgwMiIgc3R5bGU9InN0b3AtY29sb3I6I0RFNTMyMSIvPjxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0YxNUEyNCIvPjwvbGluZWFyR3JhZGllbnQ+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgMTI0LDAgMTI0LDU5LjQgNjIsNzEuOCAwLDU5LjkiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMi4zIDEuNWwwIDU1LjZjMCAwLjUgMC40IDAuOSAwLjggMUw2MCA2OC4xYzAuNiAwLjEgMS4yIDAuMSAxLjggMEwxMTkuNCA1N2MwLjUtMC4xIDAuOC0wLjUgMC44LTFWMS40Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTIuOCAxbDAgNTUuNmMwIDAuNSAwLjQgMC45IDAuOCAxbDU2LjkgOS45YzAuNiAwLjEgMS4yIDAuMSAxLjggMGw1Ny41LTExLjFjMC41LTAuMSAwLjgtMC41IDAuOC0xVjAuOSIvPjwvc3ZnPg==) center top no-repeat;
    background-size:contain;
    -moz-background-size:contain;
    -ms-background-size:contain;
    -o-background-size:contain;
    -webkit-background-size:contain;
    color:#FFF;
    display: block;
    float:none;
    font-family: 'Pricedown_BLRegular', Georgia, Times, serif;
    font-size:1.5em;
    font-style:normal;
    font-weight:normal;
    height:inherit; 
    min-height:3em;
    letter-spacing:0.05em;
    line-height:2.5;
    margin:0 auto 1em auto;
    padding:0;
    text-align:center;
    text-shadow: 1px 1px 2px var(--reddish-brown), 1px 1px 2px var(--reddish-brown);
    width:128px;
}

h4 {   
    color:var(--rust-orange); 
    display:block;
    font-family: 'Avenir_Oblique', Arial, Helvetica, sans-serif;
    font-size:.875em; /*14px*/
    line-height:1.875em; /*28px*/
    padding:0 0 0 0; 
    /*width:100%;*/ 
    width: inherit; /*273px – 655px*/
}

#content a.nav_markers {display:block; padding:2em 0 0 0;}

h5 {
    color:var(--rust-orange); 
    display:block;
    font-family: 'Avenir_Heavy', Arial, Helvetica, sans-serif;
    font-size:1.313em; /*21/16px*/
    font-style:normal;
    font-weight:normal;
    margin:1em 0; /*16px*/
    padding:0;
    text-align:center;
    text-transform:uppercase;
    width:100%; /*273px – 655px*/  /*768 – 1024px*/
}
h5.nopad {
    margin:0;
    padding:0;
}
h5.topic {
    margin:0;
    text-align:left;
}

.dropcap {
    /*border: 1px solid var(--rust-orange);*/
    color: var(--rust-orange);
    font-family: 'Pricedown_BLRegular', Georgia, Times, serif;
    font-size: 4em;
    float: left;
    line-height: 1;
    margin-right:.125em;
    margin-bottom: 0;
    margin-top: .15em;
    text-shadow: 1px 1px 1px var(--reddish-brown);
}
.dropcap:before,
.dropcap:after {
    content: "";
    display: block;
}
.dropcap:before {
    margin-bottom: -0.15em;
}
.dropcap:after {
    margin-top: -0.1625em;
}

#content .btn-group a.btn {
    color:var(--rust-orange); 
    text-align:right;
    text-decoration:none;
}
#content .btn-group a.btn:hover {
    color:var(--reddish-brown);
}


#content .slidewrap {
    border-bottom:2px dotted var(--rust-orange); 
    display: block;
    height: inherit;
    margin:0 auto 2em auto;
    padding:0 0 2em 0;
    position: relative;
    width:100%; /*273px – 655px*/      /*457/768px – 646/1024px */
}

/* PUT IN YOUR SLIDER CLASS AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
   
/* Arrows - Navigation */
#content .prev, 
#content .next {
    display:block;
    fill:var(--rust-orange); 
    font-size:1.25em;
    height:1.25em;
    line-height:1.25em;
    margin:0;
    padding:0;
    position:absolute;
    text-decoration:none;
    top:20%;   
    width:25px;
    z-index:1001;
}
    
#content .prev {float:left; left: 0; text-align:left;}
#content .next {float:right; right: 0; text-align:right;}

#content .prev:hover {
    cursor:pointer;
    fill:var(--reddish-brown);
}
#content .next:hover {
    cursor:pointer;
    fill:var(--reddish-brown);
}

.outer-slider, #content .slideshow, #content .slideshow2, #content .slideshow3, #content .slideshow4, #content .slideshow5 {
    background: /*rgba(246,165,12,1.00)*/;
    display:block;
    float:none;
    height:auto !important;
    margin:0;
    /*overflow: hidden;*/ /*do not ever use overflow hidden as it crashes the site for some odd reason*/
    padding:0;
    position:relative;
    width:100%; /*273px – 655px*/      /*457/768px – 646/1024px */
}

.outer-slider > div, #content .section {
    clear: both;
    display: block;
    float: none;
/*    height:auto !important;*/
    margin:0;
    overflow: hidden;
    padding:0%;
    position:relative;
    width: inherit; /*273px – 655px*/      /*457/768px – 646/1024px */
}

.inner-slider figure, #content figure {
    background: /*rgba(99,244,6,1.00)*/;
    /*display:block;*/
    float: none;
    /*max-height: 400px;*/
    height:inherit;
    /*height:400px !important;*/
    overflow:hidden;
    margin:0 auto 1em auto; /*16px*/
    padding:1em 1.5em; 
    position:relative;
    text-align:center;
    /*width:99%;*/ /*273px – 655px*/      /*457/768px – 646/1024px */
}
.inner-slider > div:before, .inner-slider > div:after,
#content figure:before, #content figure a:before, #content figure object:before {
  content: '';
  display: inline-block;
  height: 100%;
  /*height: auto;*/
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.inner-slider img, .inner-slider object,
#content figure img, #content figure object {
    display:inline-block;
    float: none;
    height:auto;
    margin:0 auto;
    padding:0;
    vertical-align: middle;
    width: inherit; /*273px – 655px*/      /*457/768px – 646/1024px */
}
.inner-slider > div img[src$=".svg"],
#content figure img[src$=".svg"] {
    /*max-width: 100%;*/
    width: 100%;
    height: auto;
}

.inner-slider > div img.shadow {
    background:#FFF;
    box-shadow:0px 0px 4px #999;
}

#content figcaption {
    display:block;
    color:var(--reddish-brown);
    font-family: 'Avenir_Book', Arial, Helvetica, sans-serif;
    font-size:.75em; /*124px*/
    height:auto !important;
    line-height:1.75em; /*28px*/
    margin:1em 0; /*16px*/
    overflow:hidden;
    padding:0;
    width:100%; /*273px – 655px*/      /*457/768px – 646/1024px */
}
#content figcaption span.title {
    color:var(--rust-orange); 
    display:inline-block;
    font-family: 'Avenir_Heavy', Arial, Helvetica, sans-serif;
    font-size:150%; /*18px*/
    line-height:1.5em; /*24px*/
    width:100%; /*273px – 655px*/      /*457/768px – 646/1024px */
}

#content ul.tools {
    display:block;
    float:left;
    height:auto !important;
    list-style:none;
    list-style-type:none;
    margin:0 2.5% 0 0; /* 7/273px(320px) – 16/655px(600px) - margin right */      /* 11/457px(768px) – 16/646px(1024px) - margin right */
    overflow:hidden;
    width:47.5%;    /*130/273(320px) – 311/655(600px)*/      
                    /*217/457(768px) – 307/646/(1024px)*/
}
#content ul.tags {
    background:;
    display:block;
    float:left;
    height:auto !important;
    list-style:none;
    list-style-type:none;
    margin:0 0 0 2.5%; /* 7/273px(320px) – 16/655px(600px) - margin left */      /* 11/457px(768px) – 16/646px(1024px) - margin left */
    overflow:hidden;
    width:47.5%;    /*130/273(320px) – 311/655(600px)*/      
                    /*217/457(768px) – 307/646/(1024px)*/
}

#content ul.tools li.title, #content ul.tags li.title {
    color:var(--rust-orange); 
    font-family: 'Avenir_HeavyOblique', Arial, Helvetica, sans-serif;
    font-size:1em; /*16/16px*/
    line-height:2em; /*32px*/
}
#content ul.tools li, #content ul.tags li {
    color:var(--reddish-brown);
    display:inline-block;
    font-family: 'Avenir_Light', Arial, Helvetica, sans-serif;
    font-size:.75em; /*12/16px*/
    line-height:1.75em; /*28px*/
    margin:0 .5em 0 0;
}
#content ul.tools li:after, #content ul.tags li:after {
    content:",";
}
#content ul.tools li.title:after, #content ul.tags li.title:after, #content ul.tools li.last:after, #content ul.tags li.last:after {
    content:"";
}

#content .ribbon:before {
    border-width:8px 8px;
    border-style:solid;
    border-color:var(--reddish-brown) var(--reddish-brown) transparent transparent;
    box-shadow:1px -2px 2px #999;
    content:"";
    height:0;
    left:0;
    position:absolute;
    top:100%;
    width:0;
    z-index:-1;
}
#content .ribbon {
    box-shadow:-1px 2px 2px #999;    
    color:var(--reddish-brown);
    display:block;
    font-family: 'Pricedown_BLRegular', Georgia, Times, serif;
    font-style:normal;
    font-weight:normal;
    font-size:1em; /*18px*/
    letter-spacing:0.05em;
    margin:25px 25px 25px 0px;
    padding:0;
    position:relative;
    z-index:0;
}
#content .ribbon:after {
    background: none repeat 0 0 rgba(255,255,255,0.00);
    content: "";
    display: block;
    height: 28px;
    right: -12px;
    position: absolute;
    top: 5px;
    width: 28px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);    
    z-index:1;
}
#content .dates {
    background: url(../imgs/ribbon_end.svg) right center no-repeat,
                 url(../imgs/ribbon_start.png) left center no-repeat;
    background-size:auto 100%, cover;
    -webkit-background-size:auto 100%, cover;
    -o-background-size:auto 100%, cover;
    -khtml-background-size:auto 100%, cover;
    -ms-background-size:auto 100%, cover;
    -moz-background-size:auto 100%, cover;
    margin-right:-20px;
    padding:5px 20px;
}

#content img.companyIcon {
    display:block;
    float:left;
    height:auto;
    margin:.5em 4.167%; /* 8px  13/320px*/
    max-width:20%; /*64/320px*/
    padding:0;
    width:20%; /*64/320px - 120/600px */
}
#content .poemployment {
    display: block;
    float: left;
    margin:.5em 0; 
    max-width:71.666%; /* 229/320px - 430/600px*/
    padding: 0;
    width:71.666%; /* 229/320px - 430/600px*/
}

h6 {
    color:var(--rust-orange); 
    font-family: 'Avenir_Book', Arial, Helvetica, sans-serif;
    font-size:.875em;  /* 14px */
    line-height:1.5em; /* 24px */
    margin:0;
    padding:0;
}

#content .location {display:block; float:left; font-family: 'Avenir_Medium', Arial, Helvetica, sans-serif; width:100%;}
#content .title {display:block; float:left; font-family: 'Avenir_Oblique', Arial, Helvetica, sans-serif; width:100%;}

#content p, #content ol {
    clear: both;
    color: var(--reddish-brown);
    display: inline-block;
    font-family: 'Avenir_Light', Arial, Helvetica, sans-serif;
    font-size: .875em;
    line-height: 2em;
    margin: 1em 0 0 0; /*16px*/
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%; /*273px – 655px*/
}

#content p.duties {
    padding: 0 0 0 4.167%; /*13px - 32px*/
    width:95.833%; /* 306/320px - 735/767px */
}

#content ol {
	list-style: none;
	list-style-type: none;
	padding: 0 0 0 4.167%; /*13px - 32px*/
    width:95.833%; /* 306/320px - 735/767px */
}

#content .accordion ol {
	display: none;
}

#content a.more {cursor: pointer !important;}

#content ol li {
	font-family: 'Avenir_Book', Arial, Helvetica, sans-serif;
	font-size: 95%;
	margin: 0 0 1em 1em;
}

#content p a, #content p a:visited, #content figcaption a, #content figcaption a:visited {
    color:var(--rust-orange); 
    font-family: 'Avenir_Oblique', Arial, Helvetica, sans-serif;
    text-decoration:none;
}
#content p a:hover, #content p a:active, #content figcaption a:hover, #content figcaption a:active {
    text-decoration:underline;  
}

#content hr.divider {
    border-top:2px dotted var(--rust-orange); 
    display:block;
    margin:2em 0; /*32px*/
    padding:0;
    width:100%; /*273px – 655px*/      /*457/768px – 646/1024px */
}

#content form {
    width:inherit;  
}

#content form fieldset {
    border:4px solid var(--rust-orange); 
    display:block;
    float:none;
    overflow:hidden;
    margin:0 0 2em 0; /*32px*/
    padding:1em;
    width: inherit; /*273px – 655px*/      /*457/768px – 646/1024px */
    border-radius: 10px;
}

#content form fieldset legend {
    background:transparent;
    color:var(--rust-orange); 
    display:block;
    font-family: 'Avenir_Heavy', Arial, Helvetica, sans-serif;
    font-size:1.313em; /*21/16px*/
    line-height:2.438em; /*39px*/
    margin:0;
    padding:0 .25em 0 .5em;
    text-align:center;
    text-transform:uppercase;
}

#content form fieldset input, #content form fieldset textarea {
    background:#EFEFDD;
    border:0px solid var(--rust-orange); 
    color:var(--rust-orange); 
    display:block;
    float:left;
    font-family: 'Avenir_Roman', Arial, Helvetica, sans-serif;
    font-size:1em; /*16px*/
    line-height:1em; /*16px*/
    margin:.5em 0; /*8px*/
    padding:1em 3%; /*16px*/
    width:94%;
}

#content form fieldset input:focus, #content form fieldset textarea:focus{
    background:#FFF;
}

#content form fieldset input[type=text] {
    text-transform:capitalize;
}
#content form fieldset input[type=email] {
    text-transform:none;
}
#content form fieldset textarea {
    text-transform:none;
}

#content form fieldset textarea::-webkit-input-placeholder {
    color:var(--rust-orange); 
}
#content form fieldset textarea:-moz-placeholder {
    color:var(--rust-orange); 
}
#content form fieldset textarea::-moz-placeholder {
    color:var(--rust-orange); 
}
#content form fieldset textarea:-ms-input-placeholder {
    color:var(--rust-orange); 
}

#content form fieldset input.form, #content form fieldset textarea.form {
    -khtml-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../PIE/PIE.htc);
    
    /*IE5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=2, Color=var(--rust-orange));
    /*IE8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=2, Color=var(--rust-orange))";
    /*Enables hasLayout for older IE browsers*/
    zoom:1;
    
    box-shadow: 1px 2px 3px var(--rust-orange), 1px 2px 3px var(--rust-orange); 
}

#content form fieldset input.submit {
    background:url(../imgs/submit_btn.png) left top no-repeat;
    border:none;
    color:#FFF;
    font-family: 'Avenir_Black', Arial, Healvetica, sans-serif;
    font-size:1em;
    font-style:normal;
    font-weight:normal;
    float:right;
    height:50px;
    letter-spacing:0em;
    margin:0;
    padding:0;
    text-transform:uppercase;
    
    /*IE5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=var(--reddish-brown));
    /*IE8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=var(--reddish-brown))";
    /*Enables hasLayout for older IE browsers*/
    zoom:1;
    
    -moz-text-shadow: 1px 1px 2px var(--reddish-brown), 1px 1px 2px var(--reddish-brown);
    -webkit-text-shadow: 1px 1px 2px var(--reddish-brown), 1px 1px 2px var(--reddish-brown);
    text-shadow: 1px 1px 2px var(--reddish-brown), 1px 1px 2px var(--reddish-brown);
    
    width:106px;
}
#content form fieldset input.submit:hover {
    background:url(../imgs/submit_btn_over.png) left top no-repeat;
}

#content form #accessCode {
    color:var(--rust-orange); 
    display:block;
    font-family:'Avenir_Heavy', Arial, Helvetica, sans-serif;   
    float:left;
    padding:1em 3%;
    text-align:right;
    width:34%;
}

#content form fieldset input#code {
    display:block;
    float:right;
    padding:1em 3%;
    text-align:center;
    width:54%;
}

#content form p.failMsg, #content form p.passMsg {
    float:none;
    font-family: 'Avenir_MediumOblique', Arial, Helvetica, sans-serif;
    font-style:normal; 
    margin:0; 
    padding:0; 
    width:100%;
}

#content form p.failMsg {
    color:red;
    text-align:right; 
}
#content form p.passMsg {
    color:var(--rust-orange); 
    text-align:left; 
}


/* -- MEDIA QUERIES -- */

/* Landscape Smartphones (iPhone, Android, etc, 480px phones) */
@media only screen and (min-width:480px) {
body {
    max-width:599px; /*599px*/
    width:100%;
}

.logo img {
    max-height: 76px;
}

.nav li {
    font-size:1.5em; /*22px*/
    letter-spacing:0.05em;
}

#content a.nav_markers {display:block; padding:2em 0 0 0;}

#content #tagline {
    height:128px; /*do not change, special height settings for each media query using the jQuery Cycle plugin*/
    margin:6em auto 1em auto; /*96px*/
}
h1 {
    font-size:.875em; /*14px*/
    margin:0 auto;
    padding:.5em .25em .5em 0; /*8px  4px*/
}
h2 {
    font-size:1.75em; /*28px*/
    line-height:100%;
}
h3 {
    background:url(../imgs/tagline_stars.png) center top no-repeat;
    background-size:contain;
    -webkit-background-size:contain;
    -o-background-size:contain;
    -khtml-background-size:contain;
    -ms-background-size:contain;
    -moz-background-size:contain;
    font-size:.75em; /*12px*/
}

.dividerTabs {
    margin:2em 0 0 0;
}

span.tab {
    font-size:2em; /*32px*/
    /*min-height:3em;*/
    /*line-height:2.5;*/
    width:176px;
}

h4 {   
    font-size:.875em; /*14px*/
    line-height:2em; /*32px*/
}

h5 {
    font-size:1.5em; /*24/16px*/
}

#content .ribbon {
    font-size:1.25em; /*20px*/
    line-height:1.25em; /*20px*/
}

#content span.center {width:87%; /* 417/480px - 522/600px */}
#content img.companyIcon {
    max-width:15.625%; /*50/320px - 120/767px */
    width:15.625%; /*50/320px - 120/767px */
}
#content .poemployment {
    max-width:76.041%; /* 365/480px - 583/767px*/
    width:76.041%; /* 365/480px - 583/767px*/
}

#content .title {clear:both;}

#content .prev, 
#content .next {
    /*top:33%;*/
    font-size:1.5em;
    height:1.5em;
    line-height:1.5em;
}
#content figure {/*height:425px !important; max-height: 425px;*/ height:inherit;}

}
/*/mediaquery*/

/* Smaller Portrait tablets (Kindles, Nooks, smaller tablets) */
@media only screen and (min-width:600px) {
body {
    max-width:768px; /*768px*/  
    width:100%;
}

.logo img {
    max-height: 84px;
}

.nav li {
    font-size:1.75em; /*26px*/
}

#content a.nav_markers {display:block; padding:3.25em 0 0 0;}

#content #tagline {
    height:143px; /*do not change, special height settings for each media query using the jQuery Cycle plugin*/
    margin:8em auto 1em auto; /*128px*/
}
#content .ribbon-header {
    width:50%;  
}
h2 {
    font-size:2.875em; /*46px*/
    line-height:100%;
}
h3 {
    font-size:.875em; /*14px*/
}

h5 {
    font-size:1.75em; /*28/16px*/
}

#content span.center {width:90%; /* 540/600px - 690/767px */}

#content figure {/*height:550px !important; max-height: 550px;*/ height:inherit;}


}
/*/mediaquery*/


/* Portrait tablets (iPad, Android, etc) */
@media only screen and (min-width:769px) {

body {
    background: url(../imgs/background_rays_left.svg) 0 0 no-repeat fixed;
    background-size: 100% auto;
    -webkit-background-size:100% auto;
    -o-background-size:100% auto;
    -khtml-background-size:100% auto;
    -ms-background-size:100% auto;
    -moz-background-size:100% auto;
    
    max-width:1024px;
    width:100%;
}

.logo {
    margin: .5rem;
}

.logo img {
    max-height: 175px;
    margin: 0 auto;
    display: grid;
    align-items: center;
}

.header {
    align-items: start;
    grid-template-columns: auto;
    grid-template-rows: 175px 68px 242px 50px auto;
    height: 100vh;
    margin-left: 5vh;
    width: 12.938em; /*207px*/
}
header .ribbon-header {display: block;}
header .ribbon-header {
    /*background: var(--beige);*/ 
    background: url(../imgs/ribbonHead.svg) center center, 
                 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1Y2ZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZjlmNmU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNmOWY2ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDVjZmEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: url(../imgs/ribbonHead.svg) center center, -webkit-linear-gradient(left, rgba(213,207,163,1) 0%, rgba(249,246,229,1) 4%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 92%, rgba(249,246,229,1) 96%, rgba(213,207,163,1) 100%);
    background: url(../imgs/ribbonHead.svg) center center, 
                 linear-gradient(to right, rgba(213,207,163,1) 0%,rgba(249,246,229,1) 4%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 92%,rgba(249,246,229,1) 96%,rgba(213,207,163,1) 100%); /* W3C */ /* FF3.6+ */
    background: url(../imgs/ribbonHead.svg) center center, 
                 -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(213,207,163,1)), color-stop(4%,rgba(249,246,229,1)), color-stop(8%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(92%,rgba(255,255,255,1)), color-stop(96%,rgba(249,246,229,1)), color-stop(100%,rgba(213,207,163,1))); /* Chrome,Safari4+,iOS */
    background: url(../imgs/ribbonHead.svg) center center, 
                 -webkit-linear-gradient(left, rgba(213,207,163,1) 0%,rgba(249,246,229,1) 4%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 92%,rgba(249,246,229,1) 96%,rgba(213,207,163,1) 100%); /* Chrome10+,Safari5.1+,iOS */ /* Opera 11.10+ */ /* IE10+ */
                 
    background-size:auto 100%;
    -webkit-background-size:auto 100%;
    -o-background-size:auto 100%;
    -khtml-background-size:auto 100%;
    -ms-background-size:auto 100%;
    -moz-background-size:auto 100%; 
      
    border: 0px solid var(--reddish-brown);
    box-shadow:0px 2px 4px #999;
    display:block;
    margin:0; /* 24px bottom margin */
    padding: .5em .5em; /* Adjust to suit */
    position: relative;
    text-align: center;
    text-transform:uppercase;
/*    width:65%;*/
}


.nav {
    display: grid;
    grid-template-columns: auto;
    margin: 25px 0;
}
.nav li {
    /*display:block;*/
    font-size:1.875em; /*30px*/
    line-height:64px; /*64px - do not change to ems, not sure why but screws up things*/
    margin:0;
    width:inherit; /*207px*/
}                                                
                          
#about .nav a:before, #portfolio .nav a:before, #contact .nav a:before {
    letter-spacing:0.05em;
}
#about .nav a:after, #portfolio .nav a:after, #contact .nav a:after {
    letter-spacing:0.05em;
}

.nav_topic {
    background: url(../imgs/nav_topic.png) center center repeat;
    background-size:contain;
    -webkit-background-size:contain;
    -o-background-size:contain;
    -khtml-background-size:contain;
    -ms-background-size:contain;
    -moz-background-size:contain;
    
    color: var(--rust-orange); 
    display: block;
    float: none;
    font-family: 'Avenir_BlackOblique', Arial, Helvetica, sans-serif;
    font-size: .875em; /*14px*/
    height: 2.375em; /*38px*/
    line-height: 2.375em; /*38px*/
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    text-align: center;
    width:100%; 
}

#social {
    display: block;
    /*float: none;
    width: auto;*/
    margin: 0 auto;
    /*padding: 0;
    overflow: hidden;
    text-indent:-9999px;*/
}
#social img, #social .icon {
    display:block;
    float:left;
    /*fill: currentColor;*/
    height:25px;
    margin:8px 0px 16px 8px;
    width:40px;
}
#social a img, #social a svg {
    /*border:1px solid #000;*/
    fill:var(--reddish-brown);
    text-decoration:none;
}
#social a svg:hover {
    /*border:1px solid #000;*/
    fill:var(--rust-orange); 
    text-decoration:none;
}
.twitter_embed {
    display:block;
    overflow:auto; 
    width:100%; 
}






#content {
    float:left;
    margin:0 4.167% 0 33.33%; /*32/768px   256/768px*/  
    min-width:inherit;
    max-width: 59.54%; /*457/768px*/
    padding: 6em 0 0 0; /*96px*/
}

#content a.nav_markers {display:block; padding:0;}

#content #tagline {
    height:130px; /*do not change, special height settings for each media query using the jQuery Cycle plugin*/
    margin:0 auto;
    padding:0;
}
h2 {
    font-size:2.5em; /*40px*/
    line-height:100%; /*16px*/
}
h3 {
    font-size:.75em; /*12px*/
}

.dividerTabs {
    height: inherit;
    margin:2em 0 0 0; /*32px*/
    padding:0;
    width:100%; /*768px – 1024px*/
}

span.tab {
    display:block;
    float: left;
    font-size:1.5em; /*24px*/
    /*height:inherit; */
    /*min-height:3em;*/
    line-height:2.75;
    margin:0 2em 0 0; /* 32px*/
    padding:0;
    width:128px;
}

h4 {  
    display:inline-block;
    font-size:.875em; /*14px*/
    line-height:1.875em; /*28px*/
    margin:2em 0 0 0; /*32px*/
    padding:0; 
    width: 60%; /* 320/601 or 460/768 = 60% */
}

h5 {
    font-size:1.5em; /*24px/16px*/
}

#content img.companyIcon {
    margin:.5em 3.125%; /*8px  32/1024px*/
    max-width:13.33%; /*102/768px – 136/1024px*/
    width:13.33%; /*102/768px – 136/1024px*/
}
#content .poemployment {
    max-width:80.42%; /* 367/457px – 519/646px*/
    width:80.42%; /* 367/457px – 519/646px*/
}

#content p {
    display:inline-block;
    font-size:.875em; /*14px*/
    line-height:2em; /*32px*/
    margin:1em 0 0 0; /*16px*/
    width:100%; /*768px – 1024px*/
}
#content p.duties {
    padding: 0 0 0 3.125%; /*32/1024px*/
    width:96.875%;
}
	
#content ol {
	font-size:.875em; /*14px*/
    line-height:2em; /*32px*/
    margin:1em 0 0 0; /*16px*/
    padding: 0 0 0 3.125%; /*32/1024px*/
    width:96.875%;
}

#content figure {/*height:600px !important; max-height: 600px;*/ height:inherit;}

#content form fieldset {
    float:right;
    width: 70%; /*320/457px*/
}

#content form fieldset legend {
    text-align:left;
}

#content form fieldset input.form, #content form fieldset textarea.form {
    float:right;    
}

}
/*/mediaquery*/


/* Landscape tablets (iPad, Android, etc), Laptops and desktops */
@media only screen and (min-width:1024px) {

body {
    /*background: none;*/
    max-width:1024px;
    width:100%;
}


#content {
    margin:0 6.25% 0 31.25%; /*64/1024px  320px/1024px*/
    max-width: 63.16%; /* 646/1024px */
    padding: 4em 0 0 0; /*64px*/
}

#content #tagline {
    height:150px; /*do not change, special height settings for each media query using the jQuery Cycle plugin*/
}

h2 {
    font-size:3em; /*48px*/
    line-height:100%;
}
h3 {
    font-size:1em; /*16px*/
}

#content span.center {width:92%;}


}
/*/mediaquery*/



/* Larger desktop screens, widescreen displays */
@media only screen and (max-width:1100px) {

}
/*/mediaquery*/


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   Slideshow Styles
   ========================================================================== */

.slick-dots li.slick-active button:before {
	color: var(--rust-orange);
	opacity: 1;
}
.slick-dots li button:before {
	color: var(--rust-orange);
	font-size: 10px;
	opacity: 0.25;
	height: 10px;
	line-height: 1;
	width: 10px;
}
.slick-dots li button {
	height: 10px;
	width: 10px;
}
.slick-dots li {
	height: 10px;
	width: 10px;
}



/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */


@media print {
* {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

header, #tagline, #content span.tab, #content .slidewrap, h3.nopad, #content form#contact {display:none !important;}

.nav {
    display:none !important;
}

#social {
    display:none !important;
}

.twitter_embed {
    display:none !important;
}

#content img.left {
    background:;
    display:block;
    float:left;
    height:auto;
    margin:.5em 4.167% .5em 0; /* 13/320px*/
    max-width:20%; /*64/320px*/
    padding:0;
    width:20%; /*64/320px - 120/600px */
}

#content .poemployment {
    display: block;
    float: left;
    margin:.5em 0; 
    padding: 0;
    width:100%; /*273px – 655px*/      /*457/768px – 646/1024px */
}

h4 {
    background:none;
    color:var(--rust-orange); 
    font-family: 'Avenir_Book', Arial, Helvetica, sans-serif;
    font-size:.875em;  /* 14px */
    line-height:1.5em; /* 24px */
    margin:0;
    padding:0;
}
#content .location {display:block; float:left; width:100%;}
#content .title {clear:both; display:block; float:left; width:100%;}

#content p, #content ol {
    clear: both;
    color: var(--reddish-brown);
    display: inline-block;
    font-family: "Avenir_Light", Arial, Helvetica, sans-serif;
    font-size: .875em;
    line-height: 2em;
    margin: 1em 0 0 0; /*16px*/
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%; /*273px – 655px*/
  }
  #content p a, #content p a:visited {
    color:var(--rust-orange); 
    font-family: 'Avenir_Oblique', Arial, Helvetica, sans-serif;
    text-decoration:none;
  }
  #content p a:hover, #content p a:active {
    text-decoration:underline;  
  }

a,
a:visited {
    text-decoration: underline;
}

a[href]:after {
    content: " (" attr(href) ")";
}

abbr[title]:after {
    content: " (" attr(title) ")";
}

/*
 * Don't show links for images, or javascript/internal links
 */

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
}

pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}

thead {
    display: table-header-group; /* h5bp.com/t */
}

tr,
img {
    page-break-inside: avoid;
}



@page {
    margin: 0.5cm;
}

p,
h2,
h3 {
    orphans: 3;
    widows: 3;
}

h2,
h3 {
    page-break-after: avoid;
}
}