/*fonts */
@import url("https://use.typekit.net/haz8zgp.css");
@import url(normalize.css);
/*//variables +++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Base  +++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
body {
  font-family: ltc-caslon-pro, serif;
  font-weight: 400;
  font-size: 1.2rem;
  color: #000;
  text-align: left;
  line-height: 140%; }

nav {
  display: flex;
  height: 60px;
  background: url(../images/blue-texture.jpg);
  background-color: #4799ad; }
  nav div.contain-logo {
    flex-basis: 18%;
    display: inline-block;
    padding: 15px; }
  nav div.address {
    flex-basis: 25%;
    font-size: 1.5rem;
    font-weight: 700;
    color: #cfd2d4; }
    nav div.address ul li.bus-name {
      font-family: freight-neo-pro, sans-serif;
      font-weight: 400;
      font-size: 120%; }
  nav div.contain-nav {
    display: flex;
    flex-basis: 100%;
    height: 100%; }
    nav div.contain-nav .menu-icon {
      position: absolute;
      display: none; }
    nav div.contain-nav ul {
      position: relative;
      width: 100%;
      margin: 0; }
      nav div.contain-nav ul.topnav.visible {
        display: block; }
      nav div.contain-nav ul li {
        box-sizing: border-box;
        font-family: freight-neo-pro, sans-serif;
        display: inline-block;
        width: 16%;
        white-space: nowrap;
        position: relative;
        padding-top: 18px;
        text-align: center;
        height: 100%; }
        nav div.contain-nav ul li:hover {
          background-color: #fffbd0; }
          nav div.contain-nav ul li:hover:hover a {
            color: #4799ad; }
        nav div.contain-nav ul li ul {
          position: absolute;
          display: none;
          width: 340px;
          height: auto;
          top: 60px;
          z-index: 99;
          background-color: #ddd;
          padding: 0; }
          nav div.contain-nav ul li ul li {
            display: block;
            font-size: 1rem;
            line-height: 2.1rem;
            width: auto;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 5px;
            padding-bottom: 5px;
            position: relative;
            text-align: left; }
            nav div.contain-nav ul li ul li:hover a {
              color: #fff; }
            nav div.contain-nav ul li ul li a:link,
            nav div.contain-nav ul li ul li a:visited {
              font-size: 1.3rem;
              line-height: 1.5rem;
              text-transform: initial;
              color: #4799ad; }
        nav div.contain-nav ul li.drop-down:hover ul {
          display: block; }
          nav div.contain-nav ul li.drop-down:hover ul li:hover {
            background-color: #b7ccd2;
            color: #fff; }
        nav div.contain-nav ul li a:link,
        nav div.contain-nav ul li a:visited {
          color: #fff;
          text-decoration: none;
          font-weight: 400;
          font-size: 1.7rem;
          line-height: 0.7rem; }

section {
  padding: 1rem 10rem 2rem 10rem; }

ul li {
  list-style: none; }

li.sub-drop ul.subnav {
  left: 340px;
  top: 0 !important;
  display: none !important;
  color: #4799ad !important; }

li.sub-drop:hover ul.subnav {
  display: block !important;
  color: #4799ad !important; }

nav div.contain-nav ul li ul li:hover:hover a li {
  color: #4799ad !important; }

img {
  display: block;
  width: 100%; }

img.center {
  margin: 0 auto; }

img.initial {
  width: initial; }

img.full-width {
  width: 135%; }

.flex_ {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.justify-center {
  justify-content: center !important;
  padding: 0;
  width: 100%; }

.justify-center.short aside div p {
  height: 60px !important; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.absolute {
  position: relative; }

.relative {
  position: relative; }
  .relative a.red-button {
    bottom: 0; }

.padding-25 {
  display: block;
  padding-bottom: 25px !important; }

.padding-50 {
  padding-bottom: 50px !important; }

.margin-top-75 {
  margin-top: 75px !important;
  display: block; }

.margin-top-zero {
  margin-top: 0 !important; }

div.contain-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2rem 0; }
  div.contain-button a.yellow-button {
    margin-top: 40px;
    font-family: trajan-pro-3, serif;
    position: relative;
    font-size: 2rem;
    line-height: 2.65rem;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #4799ad;
    font-weight: 600;
    color: #333132;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center; }
    div.contain-button a.yellow-button::before, div.contain-button a.yellow-button::after {
      content: "";
      width: 8px;
      height: 30px;
      position: absolute;
      left: -6px;
      top: 50%;
      transform: translateY(-50%);
      bottom: 0;
      background-color: #fff; }
    div.contain-button a.yellow-button::after {
      left: inherit;
      right: -5px; }
    div.contain-button a.yellow-button span {
      display: block;
      background-color: #fffbd0;
      padding: 5px 10px; }
  div.contain-button a:link,
  div.contain-button a:visited {
    text-decoration: none; }
  div.contain-button a:hover {
    text-decoration: underline; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Typography  +++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
h1,
h2 {
  position: relative;
  display: inline-block;
  font-family: trajan-pro-3, serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 2.6rem;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 10px;
  line-height: 3.6rem; }

h3,
h4 {
  position: relative;
  display: inline-block;
  font-family: trajan-pro-3, serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  margin-bottom: 0;
  color: #4799ad; }

h2 {
  white-space: nowrap; }

h3 {
  margin-top: 0;
  line-height: 150%; }

body.contact-us h3,
body.about-us h3,
body.options h3 {
  margin-top: 38px; }

h4 {
  position: relative;
  font-size: 1.3rem;
  margin-bottom: 0rem;
  text-align: center;
  color: #333132;
  white-space: nowrap;
  line-height: 140%;
  z-index: 20; }
  h4::before, h4::after {
    position: absolute;
    content: url(../images/bullet.png);
    top: 1px;
    left: -30px; }
  h4:after {
    left: initial;
    right: -30px; }

h6 {
  width: 100%;
  text-align: center;
  font-family: trajan-pro-3, serif;
  font-size: 2.2rem;
  text-transform: uppercase;
  margin: 1rem 0;
  color: #ababab; }

.strong {
  font-family: trajan-pro-3, serif; }

.text-center {
  width: 100%;
  text-align: center !important;
  display: block; }

.copyright {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #ffff;
  font-family: arial, sans-serif;
  font-size: .8rem;
  color: #000;
  padding: 1rem 0 1rem 0; }

p {
  padding: 0 1rem 0 0; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Header  +++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
section article.fullwidth h3 {
  margin-top: 50px; }
section.header-image {
  width: 100%;
  height: 148px;
  position: relative;
  padding: 0rem;
  background-image: url("../images/header-bkgd.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
section.gallery.flex_, section.wood-section {
  position: relative;
  padding-top: 137px;
  padding-bottom: 79px;
  background-image: url(../images/gallery-background.jpg);
  justify-content: flex-start; }
  section.gallery.flex_::before, section.gallery.flex_::after, section.wood-section::before, section.wood-section::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  section.gallery.flex_::before, section.wood-section::before {
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 0 25px;
    border-color: #fff transparent transparent transparent; }
  section.gallery.flex_::after, section.wood-section::after {
    bottom: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 20px solid #fff; }
  section.gallery.flex_ .flex-item.three-across, section.wood-section .flex-item.three-across {
    box-sizing: border-box;
    margin-bottom: 40px;
    padding: 0 1.5%; }
    section.gallery.flex_ .flex-item.three-across img, section.wood-section .flex-item.three-across img {
      box-sizing: border-box; }
    section.gallery.flex_ .flex-item.three-across.two-line h4, section.wood-section .flex-item.three-across.two-line h4 {
      text-align: center;
      padding-top: 5px; }
      section.gallery.flex_ .flex-item.three-across.two-line h4::before, section.gallery.flex_ .flex-item.three-across.two-line h4::after, section.wood-section .flex-item.three-across.two-line h4::before, section.wood-section .flex-item.three-across.two-line h4::after {
        top: 6px; }
    section.gallery.flex_ .flex-item.three-across.two-line a::after, section.wood-section .flex-item.three-across.two-line a::after {
      bottom: 82px; }
    section.gallery.flex_ .flex-item.three-across table, section.wood-section .flex-item.three-across table {
      background-color: rgba(255, 255, 255, 0.7);
      border-spacing: 0;
      border-collapse: separate;
      width: 100%;
      margin: 30px auto 30px auto;
      font-size: 1rem;
      line-height: 120%; }
      section.gallery.flex_ .flex-item.three-across table th, section.wood-section .flex-item.three-across table th {
        border: 1px solid #ccc;
        text-align: center;
        text-transform: uppercase;
        padding: 15px 0 15px 0;
        background-color: #4799ad;
        color: #fff;
        font-size: 1.2rem; }
      section.gallery.flex_ .flex-item.three-across table td, section.wood-section .flex-item.three-across table td {
        border: 1px solid #ccc;
        border-collapse: collapse;
        padding: 5px; }
      section.gallery.flex_ .flex-item.three-across table td.shown-features, section.wood-section .flex-item.three-across table td.shown-features {
        padding: 15px; }
      section.gallery.flex_ .flex-item.three-across table td:first-of-type, section.wood-section .flex-item.three-across table td:first-of-type {
        width: 30%; }
      section.gallery.flex_ .flex-item.three-across table td:last-of-type, section.wood-section .flex-item.three-across table td:last-of-type {
        width: 70%; }
  section.gallery.flex_ .flex-item.six-across, section.wood-section .flex-item.six-across {
    display: flex;
    align-items: top;
    flex-basis: 15%;
    margin: 0 0.8% 1rem 0.8%;
    background-color: rgba(255, 255, 255, 0.7); }
    section.gallery.flex_ .flex-item.six-across div, section.wood-section .flex-item.six-across div {
      display: flex;
      align-items: top;
      padding: 10px;
      width: 100%; }
      section.gallery.flex_ .flex-item.six-across div p, section.wood-section .flex-item.six-across div p {
        padding: 0;
        margin: 0;
        font-size: 1rem;
        height: 120px;
        width: 100%; }
section table.shutter-colors tr td {
  width: 7%;
  /*border: 1px solid black;*/
  height: 100px; }
  section table.shutter-colors tr td span {
    display: block;
    transform: rotate(270deg);
    white-space: nowrap; }
section .flex-item.full-width {
  flex-basis: 100%;
  margin-bottom: 40px;
  margin-top: 60px; }
section .flex-item.two-across, section .flex-item.three-across {
  flex-basis: 46%;
  justify-content: space-around;
  margin-top: 40px; }
  section .flex-item.two-across.three-across, section .flex-item.three-across.three-across {
    flex-basis: 33.25%;
    margin-top: 0px;
    position: relative; }
  section .flex-item.two-across h3, section .flex-item.three-across h3 {
    text-align: left;
    left: 0;
    transform: translateX(0); }
  section .flex-item.two-across h4, section .flex-item.three-across h4 {
    height: 45px;
    padding-top: 10px; }
    section .flex-item.two-across h4::before, section .flex-item.two-across h4::after, section .flex-item.three-across h4::before, section .flex-item.three-across h4::after {
      top: 11px; }
    section .flex-item.two-across h4:after, section .flex-item.three-across h4:after {
      left: initial;
      right: -30px; }
  section .flex-item.two-across div.contain-button, section .flex-item.three-across div.contain-button {
    justify-content: left; }
  section .flex-item.two-across a, section .flex-item.three-across a {
    display: inline-block;
    position: relative; }
    section .flex-item.two-across a::after, section .flex-item.three-across a::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      bottom: 78px;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 20px solid #fff; }
  section .flex-item.two-across img, section .flex-item.three-across img {
    margin: 0 auto;
    border: 3px solid #fff;
    position: relative; }
section.shed-options aside.flex-item.two-across {
  flex-basis: 30%; }
section.shed-options article.full-width h3 {
  text-align: center; }
section.shed-options article.flex-item.two-across {
  flex-basis: 65%; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Footer  +++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
footer {
  font-family: trajan-pro-3, serif;
  position: relative;
  padding-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  background-color: #4799ad;
  justify-content: center; }
  footer a:link,
  footer a:visited {
    color: #fff;
    text-decoration: none; }
  footer a:hover {
    text-decoration: underline; }
  footer aside {
    /* margin: 0 auto 30px auto !important;*/
    flex-basis: 18%;
    color: #fff;
    border-right: 1px solid #fff;
    padding: 20px 20px 30px 20px; }
    footer aside:last-of-type {
      border-right: 0; }
    footer aside div img.footer-logo {
      width: 95%; }
    footer aside div iframe {
      border: 0;
      margin: 0 auto;
      display: block; }
    footer aside span {
      display: block;
      width: 100%;
      font-family: trajan-pro-3, serif;
      font-style: normal;
      font-size: 1.15rem;
      text-align: center; }
      footer aside span.f-header {
        font-size: 1.25rem;
        font-weight: 600;
        padding-bottom: 15px; }
    footer aside.find-dealer a:link,
    footer aside.find-dealer a:visited {
      display: block;
      border: 1px solid #fff;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.2);
      padding: 0 7%; }
      footer aside.find-dealer a:link span,
      footer aside.find-dealer a:visited span {
        position: relative;
        display: block;
        font-size: 1.5rem;
        top: 50%;
        transform: translateY(-50%); }
    footer aside aside.contain-map {
      display: flex;
      justify-content: center;
      margin: 0 auto; }
      footer aside aside.contain-map div {
        margin: 0 auto;
        display: block; }
        footer aside aside.contain-map div img.footer-logo {
          width: 95%; }
    footer aside.social-media ul li {
      display: block;
      width: 173px;
      font-size: 1rem;
      float: left; }
    footer aside.social-media img {
      width: 25px;
      display: inline-block;
      padding-right: 8px;
      float: left; }
    footer aside.title div p {
      font-family: ltc-caslon-pro, serif;
      font-weight: 400;
      font-size: 1rem; }
    footer aside.title div span {
      display: block;
      margin-top: 5px;
      font-size: 1.6rem; }
    footer aside ul {
      margin-top: 0; }
      footer aside ul li {
        padding-top: 5px;
        width: 100%;
        padding-left: 10px; }
        footer aside ul li::before {
          font-weight: 400; }
        footer aside ul li::before {
          content: ""; }
    footer aside ul.bottom-links {
      margin: 0;
      padding: 0 0 15px 0;
      display: inline-block;
      width: 100%; }
      footer aside ul.bottom-links li {
        flex-basis: 20%;
        font-family: trajan-pro-3, serif;
        display: inline-block;
        margin: 0;
        color: #5680aa;
        font-weight: 400;
        font-size: 1.2rem;
        padding-bottom: 6px; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Page Styles  ++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
body.inner .wood-section {
  padding-top: 60px;
  padding-bottom: 60px; }
  body.inner .wood-section article.flex-item.two-across,
  body.inner .wood-section aside.flex-item.two-across {
    margin-top: 0; }
    body.inner .wood-section article.flex-item.two-across h4,
    body.inner .wood-section aside.flex-item.two-across h4 {
      text-align: left;
      width: 100%;
      margin-top: 0; }
      body.inner .wood-section article.flex-item.two-across h4::before, body.inner .wood-section article.flex-item.two-across h4::after,
      body.inner .wood-section aside.flex-item.two-across h4::before,
      body.inner .wood-section aside.flex-item.two-across h4::after {
        content: none; }

/*Homepage*/
div.vertical-spacer {
  width: 2px;
  background-color: #4799ad; }

div.horizontal-spacer {
  height: 2px;
  background-color: #4799ad;
  width: 60%;
  margin: 0 auto; }

/*products*/
/* options +++*/
body.options section.gallery.flex_ section.contain-flex-items {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  justify-content: space-around; }
body.options section.gallery.flex_ section.two-fifths,
body.options section.gallery.flex_ section.three-fifths {
  flex-basis: 38%;
  padding: 0;
  display: flex;
  justify-content: center; }
  body.options section.gallery.flex_ section.two-fifths .flex-item,
  body.options section.gallery.flex_ section.three-fifths .flex-item {
    flex-basis: 40%;
    background-color: rgba(255, 255, 255, 0.7); }
    body.options section.gallery.flex_ section.two-fifths .flex-item.full-width,
    body.options section.gallery.flex_ section.three-fifths .flex-item.full-width {
      flex-basis: 100%; }
    body.options section.gallery.flex_ section.two-fifths .flex-item div p,
    body.options section.gallery.flex_ section.three-fifths .flex-item div p {
      padding: 0;
      margin: 0;
      font-size: 1rem;
      height: 120px;
      width: 100%; }
body.options section.gallery.flex_ section.flex_.multi {
  padding-right: 0;
  padding-left: 0; }
body.options section.gallery.flex_ section.three-fifths {
  flex-basis: 60%;
  padding: 0; }
  body.options section.gallery.flex_ section.three-fifths .flex-item {
    flex-basis: 30%; }
body.options section.gallery.flex_ body.options section.gallery.flex_ section.three-fifths .flex-item {
  flex-basis: 30% !important; }
body.options section.gallery.flex_ .flex-item.full-width {
  position: relative;
  width: 100%;
  background-color: #dff0f5;
  height: fit-content;
  /*&::after {
    content: "";
    position: absolute;
    height: 42px;
    width: 100%;
    background-color: #dff0f5;
    top: 13px;
    left: 0;
    z-index: 0;
  }*/ }
  body.options section.gallery.flex_ .flex-item.full-width::after {
    content: "";
    position: absolute;
    bottom: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #dff0f5 transparent transparent transparent;
    left: 50%;
    transform: translateX(-50%); }
  body.options section.gallery.flex_ .flex-item.full-width h4 {
    padding-bottom: 18px; }
body.options section.gallery.flex_ .flex-item.full-width.two-line::after {
  height: 73px; }

/* about +++*/
/* contact +++*/
div.content_fullwidth {
  padding-bottom: 30px;
  width: 80%;
  margin: 0 auto; }

div.cforms section {
  padding: 0rem 1rem 1rem 1rem; }

body.contact-us form {
  font-family: freight-sans-pro, sans-serif;
  font-size: 1.2rem; }

body.contact-us form fieldset {
  border: none; }

body.contact-us form input {
  height: 30px;
  border: 1px solid #000; }

body.contact-us form label.label {
  font-family: freight-sans-pro, sans-serif;
  width: 80px;
  display: inline-block;
  text-align: right; }

body.contact-us form label input {
  width: calc(100% - 121px);
  display: inline-block;
  margin-left: 20px; }

body.contact-us form label textarea {
  width: calc(60% - 121px);
  display: inline-block;
  margin-left: 20px;
  border: 1px solid #000; }

body.contact-us form button {
  background-color: #666;
  border: none;
  color: #fff;
  padding: 10px 20px;
  font-size: 1.2rem;
  cursor: pointer;
  margin-left: 138px; }

/* dealer locator +++*/
div.locator {
  text-align: center; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1600  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1600px) {
  nav div.contain-nav ul li a:link,
  nav div.contain-nav ul li a:visited {
    font-size: 1.4rem; }

  div.contain-button {
    flex-basis: 100%;
    justify-content: center; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1426  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1426px) {
  section.gallery.flex_ {
    padding: 5rem 5rem 2rem 5rem; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1400  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1400px) {
  nav {
    display: block; }

  nav div.contain-logo {
    width: 20%;
    float: left; }
    nav div.contain-logo img {
      width: 100%; }

  nav div.contain-nav {
    z-index: 1;
    position: relative; }

  ul.bottom-links {
    display: block;
    width: auto;
    background-color: inherit;
    margin: 0 auto; }
    ul.bottom-links li {
      font-family: freight-neo-pro, sans-serif;
      display: inline-block;
      margin: 0 2rem;
      color: #fff;
      font-weight: 400;
      font-size: 1.2rem; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1350  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1123  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1123px) {
  section {
    padding: 1rem 5rem 2rem 5rem; }

  footer aside {
    flex-basis: 100%;
    border: none; }
    footer aside f-nav ul.bottom-links {
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      display: flex; }
      footer aside f-nav ul.bottom-links li {
        width: initial;
        border: none;
        display: block;
        margin-left: 0;
        margin-right: 0;
        white-space: nowrap;
        text-align: center; }

  footer aside div img.footer-logo {
    width: initial;
    margin: 0 auto; }

  footer aside span {
    padding-bottom: 20px; }

  footer aside ul.bottom-links {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    footer aside ul.bottom-links li {
      width: auto;
      text-align: center;
      padding-left: 0; }
      footer aside ul.bottom-links li a {
        font-size: 1rem;
        white-space: nowrap; }

  footer aside.find-dealer {
    flex-basis: 60%; }
    footer aside.find-dealer a {
      display: block;
      padding: 20px 0 0 0 !important; }

  section .flex-item.two-across.three-across,
  section .flex-item.three-across.three-across {
    flex-basis: 50%;
    margin-top: 0px; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1160  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1160px) {
  section.gallery.flex_ .flex-item.six-across {
    flex-basis: 30%; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1080  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1040  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1040px) {
  nav div.contain-nav {
    height: auto; }
    nav div.contain-nav .menu-icon {
      display: block;
      position: absolute;
      top: 16px;
      left: 33px;
      width: initial; }
    nav div.contain-nav ul {
      background-color: #4799ad;
      height: auto;
      width: 210px;
      top: 60px;
      display: none;
      padding: 0; }
      nav div.contain-nav ul li {
        display: block;
        width: 100%;
        text-align: left;
        height: auto;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 30px; }
        nav div.contain-nav ul li ul {
          top: 0px;
          left: 209px; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 1100 +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 1100px) {
  .content_fullwidth {
    padding-top: 4rem;
    padding-bottom: 4rem; }

  .content_fullwidth div.one_half {
    flex-basis: 100%; }

  .content_fullwidth div.one_half.last {
    flex-basis: 80%;
    margin-top: 30px; }

  .content_fullwidth div.one_half .cforms {
    width: 100%; }

  .about-us div.grey-footer div.footer-box {
    flex-basis: 25%; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 992  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 992px) {
  .content_fullwidth div.one_half.last {
    flex-basis: 100%; }

  h2 {
    white-space: initial; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 840  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 840px) {
  section .flex-item.two-across,
  section.shed-options aside.flex-item.two-across,
  section.shed-options article.flex-item.two-across,
  section .flex-item.three-across {
    flex-basis: 100%;
    justify-content: space-around;
    margin-top: 40px; }
    section .flex-item.two-across h3,
    section.shed-options aside.flex-item.two-across h3,
    section.shed-options article.flex-item.two-across h3,
    section .flex-item.three-across h3 {
      width: 100%;
      text-align: center; }

  section.shed-options aside.flex-item.two-across img {
    max-width: fit-content; }

  div.vertical-spacer {
    display: none; }

  footer aside ul.bottom-links li a {
    font-size: 1rem;
    white-space: initial;
    text-decoration: underline; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 770  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 770px) {
  nav div.contain-nav {
    height: auto; }
    nav div.contain-nav ul {
      top: 60px; }
      nav div.contain-nav ul li {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
        padding-left: 0px; }
        nav div.contain-nav ul li.drop-down:hover {
          padding-bottom: 0px; }
        nav div.contain-nav ul li ul {
          position: initial;
          width: 100%;
          margin-top: 9px; }
          nav div.contain-nav ul li ul li {
            text-align: center; }
    nav div.contain-nav div.content_fullwidth {
      width: 100%; }

  section .flex-item.two-across.three-across,
  section .flex-item.three-across.three-across {
    flex-basis: 100%; }
    section .flex-item.two-across.three-across img,
    section .flex-item.three-across.three-across img {
      display: initial; }

  section.gallery.flex_ {
    padding: 5rem 2rem 2rem 2rem; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 600  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 600px) {
  div.contain-button a.yellow-button {
    font-size: 1.5rem;
    line-height: 2rem; } }
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++  Media Queries 540  +++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 540px) {
  footer aside ul.bottom-links li {
    flex-basis: 50%; }

  section {
    padding: 1rem 2rem 2rem 2rem; }

  h2 {
    font-size: 1.25rem;
    line-height: 2rem; } }