.homeFENCETECH { width: 100%; padding: 20px 0; background-image: linear-gradient(to right, rgba(0,0,0,.65) 0, rgba(0,0,0,.35) 50%, rgba(0,0,0,.15) 50%), url(/images/fencetech/hero.jpg); ; background-position: center center; background-size: cover; color: #FFF; }
.homeFTInfo { width: calc(100% - 40px); max-width: 1440px; margin: 0 auto; display: flex; align-items: center; }
.homeFTText { float: left; width: calc(100% - 400px); font-size: 18px; line-height: 30px; }
.homeFTLogo { float: right; width: 400px; }
.homeFTLogo img { width: 300px; margin: 0 auto; height: auto; display: block; }
.homeFTButtons a { display: inline-block; margin: 20px 20px 0 0; padding: 4px 20px 2px; background: #FED55B; color: #284361; font-size: 16px; font-weight: 700; border-radius: 36px; text-decoration: none; }

.homeFeature { max-width: 1520px; margin: 0 auto; }

/* Colors */
a { color: #C02033; }
a:hover { color: #C02033; }
a.joinLink, .content.page h2, a.button, #credit { background: #C02033; text-transform: uppercase; }
a.joinLink { color: #FFF; }
a.joinLink:hover, a.button:hover { background: #D7374A; color: #FFFFFF; }
.topIcon a.icon { color: #C02033; }
.topnav a:hover, .dropdown:hover .dropbtn { background: #C02033; color: #FFFFFF; }

.pageSectionLink a { background: #C02033; }
.pageSectionLink a:hover { color: #FFF; }
.pageHeader.withPhoto, .pageHeader { border-bottom: 5px solid #1A1E51; }

.homeContainer.red { background: #C02033; }

@media screen and (max-width: 1000px) {
  .homeFTLogo { width: 300px; }
  .homeFTText { width: calc(100% - 300px); }
}

@media screen and (max-width: 700px) {
  .homeFTInfo { flex-wrap: wrap; }
  .homeFTLogo { order: 1; width: 100%; }
  .homeFTLogo img { height: 250px; width: auto !important; }
  .homeFTText { order: 2; width: 100%; }
}

@media screen and (max-width: 432px) {
  .homeFTLogo img { max-height: 195px; width: auto !important; max-width: 100%;  }
}