/* ------------------ GENERAL -------------------- */
.strip {padding-top: 10px; padding-bottom: 10px;}
.box-sml {padding-top: 30px; padding-bottom: 30px;}
.box {padding-top: 50px; padding-bottom: 50px;}
.box-med {padding-top:100px; padding-bottom: 100px;}
.box-lrg {padding-top: 150px; padding-bottom: 150px;}
.box-top {padding-top:100px;}
.box-bot {padding-bottom:50px;}
.content {padding-left: 10vw; padding-right: 10vw;}
.squeeze {padding-left: 20vw; padding-right: 20vw;}
.row {max-width: 1400px;}
.wide {max-width: 1800px;}
.no-gutter {max-width: 3500px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}
.dark, .dark p, .dark a, .dark li, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5 { color:#333;}
.white, .white p, .white a, .white li, .white h1, .white h2, .white h3, .white h4, .white h5 { color:#fff;}
.black, .black p, .black a, .black li, .black h1, .black h2, .black h3, .black h4, .black h5 { color:#000;}
.light, .light p, .light a, .light li, .light h1, .light h2, .light h3, .light h4, .light h5 { color:#c4c4c4;}
.theme-dark {background-color:#333;}
.theme-white {background-color:#fff;}
.theme-black {background-color:#000;}
.theme-light {background-color:#c4c4c4;}
.cap {text-transform: uppercase;}
.centering {display: block; margin: auto; text-align: center;}
.flex {display: flex; justify-content: center;}
.six-special { width: 50%; margin-left: 0px;}
.bold {font-weight: 600;}
h1 {font-family: 'Merriweather', serif; font-size: 3.157em;}
h2 {font-family: 'Merriweather', serif; font-size: 2.369em;}
h3 {font-family: 'Merriweather', serif; font-size: 1.777em;}
h4 {font-family: 'Merriweather', serif; font-size: 1.333em;}
p {font-family: 'Merriweather', serif; font-size: 1em;}

.topper {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/assets/images/construction.jpg'); background-size: cover; height: 70vh; overflow: hidden; background-position: center;}
.topper-alt {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/assets/images/RUTHAULING.jpg'); background-size: cover; height: 70vh; overflow: hidden; background-position: center;}
.title { border-top: 2px #fff solid; border-bottom:2px #fff solid; margin-top: 30vh;}
.overlay {z-index:999;}
.content {padding-bottom: 60px;}
.budge { margin-top: -20px; position: relative; border: 2px solid #fff; height: 100%;}
.budge p { padding-left: 25px; padding-right: 25px;}
.logo { width:300px;}
.row .push_half { margin-left: 5.31915%;}
.displays {height:250px;}

.nav { position: absolute; top:40px; right:130px; width:300px; opacity: 1; }
.nav-list { list-style-type: none; display: flex; }
.nav-list li { padding:20px;}
.nav-list li:hover { font-weight: 600;}
#subhead { opacity: 0;}
#subhead.animate { opacity: 1; transition: linear 1.3s all;}
#header { opacity: 0;}
#header.animatefast { opacity: 1; transition: linear .5s all;}

/* ------- FOOTER ----------- */
.footer {height: auto; margin-bottom:0px;}
.footer p { line-height: 60px; margin-bottom: 0px;}
.left p {text-align: left;} .right p {text-align: right;}
.footerlogo { height: 60px; width: 109px;}
.hide { display:none;}


/*----- TABLET MOBILE ------ */
@media only screen and (max-width: 769px){

h1 {font-family: 'Merriweather', serif; font-size: 2.369em;}
h2 {font-family: 'Merriweather', serif; font-size: 1.777em;}
h3 {font-family: 'Merriweather', serif; font-size: 1.333em;}
h4 {font-family: 'Merriweather', serif; font-size: 1em;}
p {font-family: 'Merriweather', serif; font-size: .75em;}
.nav { right:10px;}
.footer.right {display:none;}
.footer.flex{display:block;}
}

/* ------ MOBILE ONLY ------- */
@media only screen and (max-width: 767px){
  .show { display: none;}
  .hide { display:block;}
  .footer p {text-align: center;background-color: #333;}
  .logo.box { margin-top: 200px;}
  .centering p {text-align: center;}
}