/* Text Elements */

h1.heading-1 {
  padding-top: 0;
  padding-bottom: 0;
  color: #000;
  font-size: 24px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1.heading-white {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #fff;
  font-size: 24px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h2.hero-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 360px;
  padding-bottom: 50px;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  text-shadow: #1f2933 6px 6px 5px;
  font-size: 63px;
  line-height: 75px;
  opacity: 1;

  background-blend-mode: normal;
}

h2.hero-pergolas {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 360px;
  padding-bottom: 50px;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  text-shadow: #1f2933 6px 6px 5px;
  font-size: 75px;
  line-height: 75px;
  opacity: 1;

  background-blend-mode: normal;
}

h2.hero-wrought-iron {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 360px;
  padding-bottom: 50px;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  text-shadow: #1f2933 6px 6px 5px;
  font-size: 63px;
  line-height: 75px;
  opacity: 1;

  background-blend-mode: normal;
}

h2.hero-chain-link {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 360px;
  padding-bottom: 50px;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  text-shadow: #1f2933 6px 6px 5px;
  font-size: 63px;
  line-height: 75px;
  opacity: 1;

  background-blend-mode: normal;
}

h2.hero-commercial {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 360px;
  padding-bottom: 50px;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  text-shadow: #1f2933 6px 6px 5px;
  font-size: 63px;
  line-height: 75px;
  opacity: 1;

  background-blend-mode: normal;
}

h2.hero-cedar {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 360px;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  text-shadow: #1f2933 6px 6px 5px;
  font-size: 75px;
  line-height: 75px;
  opacity: 1;

  background-blend-mode: normal;
}

h3.h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  max-width: none;
  color: #b31c09;
  text-align: center;
  font-size: 24px;
}

h4.heading-3 {
  font-size: 20px;
}

p.paragraph.paragraph-1 {
  margin: 5px 50px;
  padding: 5px;
  width: auto;
  border-radius: 11px;
  background-color: transparent;
  text-align: justify;
  font-size: 17px;
}

p.paragraph.paragraph-4 {
  text-align: center;
}

p.paragraph.para-hide {
  position: static;
  z-index: -300;
  margin: 10px 30px 30px;
  padding: 5px;
  border-radius: 11px;
  background-color: rgba(255, 255, 255, .67);
  text-align: justify;
  text-indent: 0;
  word-spacing: 0;
  letter-spacing: 0;
  font-size: 17px;
  opacity: .98;
}

p.paragraph span.paragraph-text-2 {
  font-weight: 700;
}

p.paragraph.paragraph-3 {
  font-weight: 700;
}

p.paragraph.paragraph-6 {
  margin-top: 32px;
  margin-bottom: 31px;
  color: #b31c09;
  font-weight: 700;
  font-size: 36px;
}

p.paragraph.paragraph-2 {
  text-align: center;
}

p.paragraph span.paragraph-text-8 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-9 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-10 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-11 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-12 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-13 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-14 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-15 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-17 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-18 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-19 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-20 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-21 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-16 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-22 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-23 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-24 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-25 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-26 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-27 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-28 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-29 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-30 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-31 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-32 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-33 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-34 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-35 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-36 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-37 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-38 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-40 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-41 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-42 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-43 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-44 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-45 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-46 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-47 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-48 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-49 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-50 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-51 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-52 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-53 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-54 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-55 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-56 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-57 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-58 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-59 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-60 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-61 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-62 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-63 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-64 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-65 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-66 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-67 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-68 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-69 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-70 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-71 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-72 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-73 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-74 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-75 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-76 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-77 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-78 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-79 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-80 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-81 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-82 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-83 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-84 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-85 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-86 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-87 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-88 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-89 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-90 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-91 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-92 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-93 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-94 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-95 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-96 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-97 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-98 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-99 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-100 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-101 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-102 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-103 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-104 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-105 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-106 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-107 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-108 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-109 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-110 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-111 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-112 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-113 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-114 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-115 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-116 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-117 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-118 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-119 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-120 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-121 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-122 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-123 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-124 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-125 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-126 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-133 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-134 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-135 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-136 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-137 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-138 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-139 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-1 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-3 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-4 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-5 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-6 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-7 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-39 {
  font-style: italic;
}

p.paragraph span.paragraph-text-131 {
  font-style: italic;
}

p.paragraph span.paragraph-text-132 {
  font-style: italic;
}

p.paragraph span.paragraph-text-140 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-141 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-142 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-143 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-144 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-145 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-146 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-147 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-148 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-149 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-150 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-151 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-152 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-153 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-154 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-155 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-156 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-157 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-158 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-159 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-160 {
  font-weight: 400;
}

p.paragraph span.paragraph-text-161 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-162 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-163 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-164 {
  font-weight: 700;
}

p.paragraph span.paragraph-text-165 {
  font-weight: 700;
}

p.paragraph.paragraph-1:hover {
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 1.25s;
     -moz-transition-duration: 1.25s;
       -o-transition-duration: 1.25s;
          transition-duration: 1.25s;
}

a.link-text.text-link-home {
  margin: 0 10px 0 60px;
  padding: 20px 15px;
  min-width: 50%;
  max-width: 50%;
  width: 50%;
  border: .1875rem solid #b31c09;
  border-radius: 25px;
  color: #b31c09;
  text-decoration: none;
  font-size: 20px;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

a.link-text.text-link-home:hover {
  margin-right: 90px;
  padding: 30px 15px;
  color: #b32020;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

/* Interaction Elements */

a.link-button.button-link-1 {
  margin: 0 auto;
  padding: 20px 30px;
  color: #fff;
  text-align: center;
}

a.link-button.button-link-2 {
  position: relative;
  z-index: 999;
  display: inline-block;
  margin: 31px 30px 5px;
  padding: 10px 50px;
  width: 40%;
  background-color: #000;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition-delay: 0s, 0s;
     -moz-transition-delay: 0s, 0s;
       -o-transition-delay: 0s, 0s;
          transition-delay: 0s, 0s;
  -webkit-transition-timing-function: ease, linear;
     -moz-transition-timing-function: ease, linear;
       -o-transition-timing-function: ease, linear;
          transition-timing-function: ease, linear;
  -webkit-transition-duration: 0s, 1.25s;
     -moz-transition-duration: 0s, 1.25s;
       -o-transition-duration: 0s, 1.25s;
          transition-duration: 0s, 1.25s;
  -webkit-transition-property: all, all;
     -moz-transition-property: all, all;
       -o-transition-property: all, all;
          transition-property: all, all;
}

a.link-button.button-link-2.outofview {
  padding-right: 0;
  padding-left: 0;
  width: 0;
}

a.link-button.button-link-1:hover {
  color: #fff;
}

a.link-button.button-link-2:hover {
  padding-right: 75px;
  padding-left: 75px;
  text-decoration: underline;
  -webkit-transition-duration: .75s;
     -moz-transition-duration: .75s;
       -o-transition-duration: .75s;
          transition-duration: .75s;
}

/* Layout Elements */

.container.container-3 {
  display: block;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
  text-align: center;
}

.container.h2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  max-width: none;
  width: 100%;
  text-align: center;
}

.container.container-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  -ms-flex-pack: center;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  text-align: center;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.container.container-11 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0 0;
  min-width: 25%;
  max-width: 25%;
  width: 25%;
}

.container.container-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  margin-top: 25px;
  background-color: #000;
  text-align: center;
}

.container.container-9 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
  border-top: .0625rem solid #1273b8;
  background-color: #000;
  text-align: center;
}

.container.container-text {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  max-width: none;
  width: 100%;
  background-color: #fff;
  text-align: center;
}

.container.container-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  width: 25%;
}

.container.container-15 {
  margin-top: 10px;
  padding-top: 0;
  padding-bottom: 0;
  width: 50%;
  text-align: center;
}

.container.container-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
}

.container.container-17 {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 25%;
  text-align: center;
  text-decoration: none;
}

.container.container-20 {
  display: inline-block;
  min-width: 20%;
}

.container.hidecontainer {
  margin-top: 0;
  padding-top: 0;
  min-width: 50%;
  max-width: 100%;
  width: 100%;
  text-align: center;
}

.container.hero-main {
  display: block;
  margin-top: 0;
  padding-bottom: 0;
  min-height: auto;
  max-width: none;
  width: 100%;
  height: auto;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;
  text-align: center;

  background-blend-mode: normal;
}

.container.container-11.icon-container {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  padding-top: 5px;
  min-width: 75%;
  max-width: 75%;
  width: 75%;
}

.container.nav-sub1 {
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  width: 25%;
  text-align: center;
}

.container.nav-sub2 {
  margin-top: 0;
  margin-bottom: 0;
  width: 75%;
}

.container.nav-container2 {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.container.container-21 {
  margin-top: 30px;
}

.container.pic-half-container {
  display: -webkit-box;
  display: -webkit-flex;
  display:    -moz-box;
  display: -ms-flexbox;
  display:         flex;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.container.insode-pic {
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  width: 60%;
  text-align: center;
}

.container.container-inside {
  width: 100%;
}

.container.container-form {
  width: 40%;
}

.container.container-black {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: none;
  width: 100%;
  background-color: #000;
  text-align: center;
}

.container.hero-container {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-pergola-vs-patio.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-cedar {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-cedar-arbor.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-aluminum {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-aluminum-arbor.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-gazebo {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-gazebos.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-inter-patio {
  background-image: url('../images/hero-patio-covers.jpg');
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: repeat;

  background-blend-mode: normal;
}

.container.hero-cedar-carports {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-cedar-car-ports.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-fence {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-fence.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-concrete {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-concrete-deck.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-aluminum-carport {
  background-image: url('../images/hero-aluminum-car-ports.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.pergol-patio {
  background-image: url('../images/hero-pergola-vs-patio.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-cedar-fence {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-cedar-fence.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-vinyl-fencing {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-wrought-iron.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-chain-link {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-commercial.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-screen-enclosures {
  display: block;
  margin-top: 0;
  padding-bottom: 0;
  min-height: auto;
  max-width: none;
  width: 100%;
  height: auto;
  background-image: url('../images/hero-screen-enclosures.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;
  text-align: center;

  background-blend-mode: normal;
}

.container.hero-decks {
  background-image: url('../images/hero-deck.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-deck-cedar {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-deck-cedar.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-deck-composite {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-decks-composite.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-carports {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-carports.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-arlington {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-arlington.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-alvarado {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-alvarado.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-burleson {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-burleson.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-cedar-hill {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-cedar-hill.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-cleburne {
  background-image: url('../images/hero-cleburne.jpg');
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: repeat;

  background-blend-mode: normal;
}

.container.hero-dallas {
  background-image: url('../images/hero-dallas.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-desoto {
  background-image: url('../images/hero-desoto.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-duncanville {
  background-image: url('../images/hero-duncanville.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-ennis {
  background-image: url('../images/hero-ennis.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-grand-prairie {
  background-image: url('../images/hero-grand-prairie.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-grandview {
  background-image: url('../images/hero-grandview.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-lancaster {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-lancaster.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-mansfield {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-mansfield.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-maypearl {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-maypearl.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-midlothian {
  background-image: url('../images/hero-midlothian.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.hero-waxahachie {
  background-image: url('../images/hero-waxahatchie.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-gallery {
  display: block;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 1200px;
}

.container.hero-about {
  display: block;
  margin-top: 0;
  background-image: url('../images/hero-about.jpg');
  background-attachment: fixed;
  background-position: center top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

.container.container-1 {
  margin-right: auto;
  margin-left: auto;
  width: 75%;
  height: auto;
}

a.responsive-picture.picture-link-1 {
  margin-right: 0;
  margin-left: 0;
  padding: 0 5px;
  width: 220px;
}

li.list-item.list-item-4 {
  text-align: left;
}

li.list-item.list-item-21 {
  text-align: left;
}

li.list-item.list-item-27 {
  text-align: left;
}

li.list-item.list-item-30 {
  text-align: left;
}

.html-element.html-element-1 {
  min-height: 7px;
}

a.responsive-picture.picture-link-3 {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  min-width: 30px;
  width: 100px;
}

a.responsive-picture.picture-link-4 {
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  border: 0 solid transparent;
  border-radius: 0;
  box-shadow: none;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
     -moz-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 1.25s;
     -moz-transition-duration: 1.25s;
       -o-transition-duration: 1.25s;
          transition-duration: 1.25s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

div.responsive-picture.picture-1 {
  margin-right: auto;
  margin-left: auto;
  width: 50%;
}

li.list-item.list-item-11 {
  text-align: left;
}

li.list-item.list-item-14 {
  text-align: left;
}

.html-element.html-element-4 {
  width: 20px;
  height: 2px;
}

div.responsive-picture.picture-4 {
  margin-right: auto;
  margin-left: auto;
  width: 50%;
}

div.responsive-picture.picture-5 {
  margin-top: 1px;
  padding-top: 0;
}

div.responsive-picture.picture-6 {
  margin-top: 34px;
}

a.responsive-picture.picture-link-4.outofview {
  width: 0;
  -webkit-transition-delay: 0s, 0s, 0s;
     -moz-transition-delay: 0s, 0s, 0s;
       -o-transition-delay: 0s, 0s, 0s;
          transition-delay: 0s, 0s, 0s;
  -webkit-transition-timing-function: ease, ease, linear;
     -moz-transition-timing-function: ease, ease, linear;
       -o-transition-timing-function: ease, ease, linear;
          transition-timing-function: ease, ease, linear;
  -webkit-transition-duration: 0s, 1.25s, .3s;
     -moz-transition-duration: 0s, 1.25s, .3s;
       -o-transition-duration: 0s, 1.25s, .3s;
          transition-duration: 0s, 1.25s, .3s;
  -webkit-transition-property: all, all, all;
     -moz-transition-property: all, all, all;
       -o-transition-property: all, all, all;
          transition-property: all, all, all;
  -webkit-transform: scaleZ(1);
     -moz-transform: scaleZ(1);
          transform: scaleZ(1);
}

@media screen and (max-width: 76.875rem) {
  /* Text Elements */

  p.paragraph.paragraph-1 {
    margin-right: 10px;
    margin-left: 10px;
    background-color: transparent;
  }

  p.paragraph.para-hide {
    background-color: rgba(255, 255, 255, .6);
  }

  /* Layout Elements */

  .container.container-12 {
    background-color: #185296;
  }

  .container.container-9 {
    background-color: #fff;
  }

  .container.container-11.icon-container {
    min-width: 75%;
    max-width: 40%;
    width: 75%;
  }
}

@media screen and (max-width: 69.875rem) {
  /* Text Elements */

  p.paragraph.paragraph-1 {
    padding-top: 15px;
    padding-bottom: 5px;
  }

  p.paragraph.para-hide {
    width: 100%;
    text-align: center;
  }

  a.link-text.text-link-home {
    margin-right: auto;
    margin-left: auto;
    width: 75%;
    text-align: center;
  }

  /* Interaction Elements */

  a.link-button.button-link-1 {
    padding-right: 10px;
    padding-left: 10px;
  }

  a.link-button.button-link-2 {
    width: 45%;
  }

  /* Layout Elements */

  .container.container-3 {
    display: block;
  }

  .container.h2 {
    display: block;
  }

  .container.container-9 {
    display: block;
  }

  .container.container-text {
    display: block;
  }

  .container.hidecontainer {
    padding-top: 26px;
    min-width: 100%;
    max-width: none;
  }

  .container.container-10 {
    display: block;
  }

  .container.container-11.icon-container {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }

  .container.container-11 {
    min-width: 100%;
    width: 100%;
  }

  .container.nav-container2 {
    display: block;
    text-align: center;
  }

  .container.nav-sub2 {
    width: 100%;
  }

  .container.nav-sub1 {
    width: 75%;
  }

  .container.pic-half-container {
    display: block;
    text-align: center;
  }

  .container.insode-pic {
    width: 75%;
  }

  .container.container-inside {
    display: block;
    width: 100%;
  }

  .container.container-form {
    width: 100%;
  }

  .container.container-black {
    display: block;
  }

  a.responsive-picture.picture-link-1 {
    width: 100%;
  }

  a.responsive-picture.picture-link-3 {
    padding-right: 10px;
    padding-left: 10px;
    width: 100px;
    height: auto;
  }

  a.responsive-picture.picture-link-3 > picture {
    height: auto;
  }

  a.responsive-picture.picture-link-4 {
    width: 75%;
  }

  div.responsive-picture.picture-4 {
    width: 30%;
  }
}

@media screen and (max-width: 53.125rem) {
  /* Text Elements */

  h1.heading-1 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 21px;
  }

  h1.heading-white {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 21px;
  }

  h2.hero-header {
    padding-top: 100px;
    font-size: 57px;
  }

  h2.hero-pergolas {
    padding-top: 100px;
    font-size: 57px;
  }

  h2.hero-wrought-iron {
    padding-top: 100px;
    font-size: 57px;
  }

  h2.hero-chain-link {
    padding-top: 100px;
    font-size: 57px;
  }

  h2.hero-commercial {
    padding-top: 100px;
    font-size: 57px;
  }

  h2.hero-cedar {
    padding-top: 100px;
    font-size: 57px;
  }

  h3.h3 {
    display: none;
    margin: 0 10px 10px;
    padding: 0 15px 10px;
    max-width: none;
    width: 85%;
    font-size: 16px;
  }

  p.paragraph.para-hide {
    display: inline-block;
    margin-right: 28px;
    margin-bottom: 0;
    margin-left: 6px;
    padding: 10px 20px;
    width: 90%;
    text-align: justify;
  }

  p.paragraph.paragraph-1 {
    margin-right: 10px;
    margin-left: 10px;
  }

  a.link-text.text-link-home {
    display: block;
    margin-top: 3px;
    width: 75%;
    text-align: center;
  }

  /* Interaction Elements */

  a.link-button.button-link-1 {
    display: inline-block;
    padding: 10px 3px;
  }

  a.link-button.button-link-2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
  }

  a.link-button.button-link-2:hover {
    text-decoration: none;
  }

  /* Layout Elements */

  .container.hidecontainer {
    display: none;
  }

  .container.container-17 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    text-align: center;
  }

  .container.container-19 {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }

  .container.container-16 {
    display: block;
  }

  .container.container-9 {
    display: block;
  }

  .container.container-11 {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    height: 625%;
  }

  .container.container-10 {
    display: none;
    margin-top: 0;
  }

  .container.container-12 {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-color: #000;
  }

  .container.hero-main {
    background-position: center top;
  }

  .container.container-15 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
  }

  .container.nav-sub1 {
    width: 80%;
  }

  .container.nav-container2 {
    display: block;
    width: 100%;
  }

  .container.nav-sub2 {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    width: 90%;
  }

  .container.container-11.icon-container {
    min-width: 75%;
    max-width: 75%;
    width: 75%;
    height: 100%;
  }

  .container.container-3 {
    padding-top: 0;
    width: 100%;
  }

  .container.texas-areas {
    display: none;
  }

  .container.container-18 {
    display: none;
  }

  .container.container-text {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container.pic-half-container {
    display: block;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }

  .container.insode-pic {
    width: 90%;
  }

  .container.container-black {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .container.hero-screen-enclosures {
    background-position: center top;
  }

  a.responsive-picture.picture-link-1 {
    margin-right: auto;
    margin-left: auto;
    width: 50%;
  }

  a.responsive-picture.picture-link-4 {
    margin-top: 0;
    margin-bottom: 14px;
    width: 90%;
  }

  div.responsive-picture.picture-4 {
    width: 50%;
  }

  .html-element.html-element-4 {
    width: 7px;
  }
}