h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
}

h1 {
   font-size:48px;
}

h2 {
   font-size:72px;
}

h3 {
   font-size:36px;
}

h4 {
   font-size: 1.4em;
}

h5 {
   font-size: 1em;
}


.font-opensans {
   font-family: "Roboto", sans-serif;
}

.ranch-hand-font {
  font-family: "Boldonse", sans-serif;
  font-weight: 400;
  font-style: normal;
}


html,
body {
   margin: 0;
   padding: 0;
   font-size: 18px;
}

body {
   min-height: 100%;
   font-family: "Roboto", sans-serif;
   background-color:#faf9f6;
   color:#000000;
   font-weight: 300;
   overflow-x: hidden;
}


p {
   margin:0;
   font-size:18px;
   line-height:30px;
   letter-spacing:-0.0125em;
}

nav {
   display: flex;
   justify-content: center;
   text-transform: uppercase;
   font-size:16px;
   font-weight:600;
   letter-spacing:0.0625em;
   padding:17px 0;
   background:#141215;
}

nav a {
   display:inline-block;
   margin-left:40px;
   color:#ffffff;
   text-decoration:none;
   position:relative;  
}
nav a:first-of-type {
   margin-left:0;
}

nav a:before {
   transition: 0.5s all ease;
   position: absolute;
   left: 50%;
   right: 50%;
   bottom: -10px;
   opacity: 0;
   content: "";
   height: 2px;
   background-color: #141215;
}
nav a:hover {
   color: #cda349;
}
nav a:hover:before {
   transition: 0.5s all ease;
   left: 0;
   right: 0;
   opacity: 1;
}
nav a.selected {
   color: #cda349;
}
nav.fixed {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 100;
   background-color: #141215;
   transition: 0.3s;
}

.nav--mobile {
   display: none;
}

.nav--icon {
   border-radius: 100px;
   padding: 0.5rem;
   width:50px;
   height:50px;
   background-color: #141215;
   font-size:30px;
   position: fixed;
   left:9%;
   z-index: 100;
   box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
   color:#ffffff;
    display: flex;
  justify-content: center;
  align-items: center; 
}
.nav--icon:hover {
   transform: rotate(360deg);
   transition: all 0.3s ease-in-out;
   cursor: pointer;
}

.mobile-list {
   display: none;
   z-index: 50;
   background-color:#50483c;
   margin-right:30px;
   padding:120px 30px 30px 30px;
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
}
.mobile-list .centered {
   display:block;
   margin:0 auto;
   text-align:left;
   border-top:1px solid rgba(255, 255, 255, 0.3);
}
.mobile-list a {
	display: block;
	padding:10px 0 10px 20px;
   margin:0;
   font-size:21px;
   border-bottom:1px solid rgba(255, 255, 255, 0.3);
}

.mobile-list.show {
   display: block;
}

.aligner {
   display: flex;
   justify-content: center;
}

.aligner_item--top {
   align-self: flex-start;
}

.aligner_item--bottom {
   align-self: flex-end;
}

.flex--horizontal {
   display: flex;
   flex-direction: row;
   padding:0 90px;
}

@media only screen and (max-width:800px) {
	.flex--horizontal {
   padding:0 60px;
}
}

.flex--vertical {
   display: flex;
   flex-direction: column;
}


.section__title {
   margin: 0 auto 3rem auto;
   width: 80%;
   text-align: center;
}










.section--customers {
   margin:0;
   padding:0 0 10em 0;
   max-width: none;
}
.section--customers .flex--horizontal {
   width: 90%;
   margin: auto;
   justify-content: center;
}
.section--customers > .section__container {
   max-width: 960px;
   margin: auto;
}
.section--customers .title {
   color: #1d1a2b;
   text-align: center;
   font-weight: 100;
   margin-bottom: 2rem;
}


.section--contact .section__title {
   width: auto;
}





.slide__container {
   margin: auto;
   position: relative;
}

.slide__content {
   text-align: left;
   padding:0;
   width:1440px;
   height:300px;
}

@media only screen and (max-width:800px) {
.slide__content {
   width:inherit;
   height:450px;
   overflow-y: scroll;
}
}


.slide__content h4 {
   margin-bottom: 1rem;
   color: #27253f;
}

.slide__image {
   width: 400px;
   height: 400px;
   object-fit: contain;
   overflow: hidden;
   margin-left: -1rem;
}

.tns-outer {
   position: relative;
}

.tns-controls {
   box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.06);
   position: absolute;
   bottom: 40%;
   right: 0px;
   display: flex;
   flex-direction: column;
   z-index: 1;
}
.tns-controls > button {
   border: none;
   background-color: #000000;
   width: 40px;
   height: 40px;
   color: #ffffff;
   outline: 0;
}
.tns-controls > button:hover {
   background-color: #6146d7;
   color: white;
   transition: 0.3s;
}
.tns-controls > button:last-of-type {
   border-top: 1px solid #dfd7ef;
}

.form-group {
   display: flex;
   align-items: stretch;
   max-width: 600px;
   margin: 2rem auto;
}



.cta {
   color:#000000;
   font-size:18px;
   padding:10px 15px 10px 10px;
   text-align: left;
   cursor: pointer;
   text-decoration: none;
   background-color:rgba(255, 255, 255, 0.8); 
   backdrop-filter: blur(1px);
   font-size:21px;
   border-radius:7px;
}


.fadeIn {
   animation: fadeIn 1s ease-in-out;
   animation-fill-mode: forwards;
}

.fadeInUp {
   animation: fadeInUp 1s ease-in-out;
   animation-fill-mode: forwards;
}

.fadeInRight {
   animation: fadeInRight 1s ease-in-out;
   animation-fill-mode: forwards;
}

.fadeInLeft {
   animation: fadeInLeft 1s ease-in-out;
   animation-fill-mode: forwards;
}

@keyframes fadeIn {
   0% {
      opacity: 0;
   }
   100% {
      opacity: 1;
   }
}
@keyframes fadeInUp {
   0% {
      opacity: 0;
      transform: translate3d(0, 50px, 0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInRight {
   0% {
      opacity: 0;
      transform: translate3d(100px, 0, 0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
   }
}
@keyframes fadeInLeft {
   0% {
      opacity: 0;
      transform: translate3d(-100px, 0, 0);
   }
   100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
   }
}
@keyframes infiniteStats {
   0% {
      transform: translate3d(-1440px, 0, 0);
   }
   100% {
      transform: translate3d(0, 0, 0);
   }
}
@media only screen and (max-width: 960px) {
   .stats__block {
      width: 80%;
      margin: 0 auto 1rem auto;
   }

   .tns-controls {
      right:0;
      left: auto;
   }

   .section--summary {
      border-radius: 0;
   }
   .section--summary:after {
      display: none;
   }

   .section--snippets {
      margin: 8rem auto;
      text-align: center;
   }
   .section--snippets > .flex--horizontal {
      flex-direction: column;
   }
   .section--snippets:before,
   .section--snippets:after {
      display: none;
   }
   .section--snippets .snippets__cards {
      transform: none;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
   }
   .section--snippets .snippets__card {
      flex: 0.18;
      flex-direction: column;
   }
   .section--snippets .snippets__card p {
      margin-right: 0;
   }
   .section--snippets .snippets__card:hover {
      transform: translate3d(0px, -10px, 0px);
   }

   .snippets__description {
      column-count: 2;
      text-align: left;
   }
}
@media only screen and (max-width: 770px) {
   .nav--desktop {
      display: none;
   }

   .nav--mobile {
      display: block;
	  background:none;
   }

   .section--snippets {
      margin: 3rem auto;
      text-align: center;
   }
   .section--snippets > .flex--horizontal {
      padding: 1.4rem;
   }
   .section--snippets:before,
   .section--snippets:after {
      display: none;
   }

   .section--hero .flex--horizontal {
      flex-direction: column;
      text-align: center;
      justify-content: center;
   }
   .section--hero .flex_child--horizontal:first-of-type {
      padding: 30% 2rem 2rem 2rem;
   }
   .section--hero .flex_child--horizontal:first-of-type h1 {
      margin-bottom: 30%;
   }
   .section--hero .flex_child--horizontal:last-of-type {
      max-width: 300px;
      margin: auto;
      display: none;
   }
   .section--hero .cta {
      margin: 1.4rem auto 0 auto;
   }

   .section--summary {
      border-radius: 0;
      margin-top: 0rem;
   }

   .section--features > .flex--horizontal {
      flex-direction: column;
      justify-content: center;
   }
   .section--features .features__image {
      align-self: center;
      margin-bottom: 2rem;
   }
   .section--features .features__left,
   .section--features .features__right {
      width: 80%;
      margin: auto;
      text-align: left;
   }
   .section--features .features__left object,
   .section--features .features__right object {
      margin-right: 0.7rem;
   }
   .section--features .features__left > .flex--vertical,
   .section--features .features__right > .flex--vertical {
      margin: 0.5rem 0;
      align-items: flex-start;
      display: flex;
      flex-direction: row;
   }
   .section--features .features__left {
      order: 2;
      padding-right: 0;
   }
   .section--features .features__right {
      order: 3;
      padding-left: 0;
   }

   .section--stats {
      margin: 5rem auto;
   }

   .section--integrations > .flex--horizontal {
      flex-wrap: wrap;
      justify-content: center;
   }
   .section--integrations .logo {
      max-width: 100px;
      margin: 1rem;
   }

   .section--customers {
      padding: 2rem 0;
   }
   .section--customers .tns-controls {
      right: 10%;
      top: 4.5rem;
      bottom: auto;
   }
   .section--customers .slide {
      flex-direction: column;
   }
   .section--customers .slide__content {
      margin: 0;
      max-width: 80%;
      height: max-content;
      justify-content: stretch;
      padding: 3rem 1.6rem;
   }
   .section--customers .slide__image {
      width: 100px;
      height: 100px;
      margin: 0 0 -2rem 1.2rem;
      order: -1;
      z-index: 1;
   }
}
@media only screen and (max-width: 660px) {
   .snippets__cards {
      display: none;
   }

   .section--summary .summary__lists {
      text-align: center;
      padding: 2rem 0.5rem;
   }
   .section--summary .summary__list {
      padding: 0;
      flex-direction: column;
      border: 0;
   }
   .section--summary .summary__list img {
      align-self: center;
      margin-bottom: 0.5rem;
      margin-right: 0;
   }
   .section--summary .summary__list p {
      font-size: 0.8em;
      font-weight: 400;
      line-height: 1.4em;
   }
   .section--summary .flex_child--vertical:last-of-type {
      flex-direction: column;
      padding: 2rem;
   }
   .section--summary .flex_child--vertical:last-of-type p {
      text-align: center;
   }
   .section--summary .flex_child--vertical:last-of-type h2 {
      padding-left: 0;
      align-self: center;
      order: -1;
      margin-bottom: 1rem;
      text-align: center;
   }
}
@media only screen and (max-width: 480px) {
   .snippets__description {
      column-count: 1;
      text-align: center;
   }

   .section--customers .tns-controls {
      right: 5%;
   }

   .input-button {
      width: 40%;
   }

   .section--contact {
      padding: 5rem 1rem;
   }

   .form-group {
      max-width: none;
      width: auto;
   }
}


/* ******************CONTAINER ELEMENTS****************** */
/* ******************CONTAINER ELEMENTS****************** */
/* ******************CONTAINER ELEMENTS****************** */

.section--hero {position:relative; padding:120px 0 200px 0; background:url("images/primary-background.jpg") no-repeat; background-position:top center;}
.section--intro {padding:0;}
.section--services {padding:0;}
.section--projects {padding:0;}
.section--about {padding:0;}
.section--contact {padding:0;}
.section--lets-talk {padding:50px 0 70px 0; margin:0; max-width:none; background:#141215;}

.section--footer {padding:3rem 0; margin:0 auto; max-width:none;}
.primary-area {max-width:1110px; margin:0 auto;}

@media only screen and (max-width:800px) {
	.section--hero {margin-top:-40px; padding:120px 0; background:url("images/primary-background-responsive.jpg") no-repeat; background-position:center center;}
	.section--intro {margin:0 30px; padding:0;}
	.section--services {margin:0 30px; padding:0;}
	.section--projects {margin:0; padding:0;}
	.section--about {margin:0 30px; padding:0;}
	.section--contact {margin:0 30px; padding:0;}
	.section--lets-talk {padding-bottom:120px;}
	.section--footer {margin:0; padding:0 0 200px 0;}
	.primary-area {max-width:inherit; margin:0; padding:0;}
	.responsive {margin:0 30px;}
	.slide__container {padding:0 40px;}
}



/* ******************CORE ELEMENTS****************** */
/* ******************CORE ELEMENTS****************** */
/* ******************CORE ELEMENTS****************** */

.spacer10 {height:10px;}
.spacer30 {height:30px;}
.spacer50 {height:50px;}
.spacer70 {height:70px;}
.spacer90 {height:90px;}

.padding-top-30 {padding-top:30px;}
.padding-top-50 {padding-top:50px;}
.padding-top-90 {padding-top:90px;}
.padding-top-120 {padding-top:120px;}
.padding-top-150 {padding-top:150px;}
.padding-bottom-30 {padding-bottom:30px;}
.padding-bottom-50 {padding-bottom:50px;}
.padding-bottom-90 {padding-bottom:90px;}
.padding-bottom-120 {padding-bottom:120px;}

.padding-intro-text {padding-right:90px; padding-left:90px;}

.margin-0 {margin:0;}
.margin-top-10 {margin-top:10px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-50 {margin-top:50px;}
.margin-top-70 {margin-top:70px;}
.margin-top-150 {margin-top:150px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-50 {margin-bottom:50px;}
.margin-bottom-70 {margin-bottom:70px;}
.margin-bottom-90 {margin-bottom:90px;}
.margin-bottom-120 {margin-bottom:120px;}
.margin-bottom-150 {margin-bottom:150px;}

.margin-left-right {margin-left:60px; margin-right:90px;}

.font-size-16 {font-size:16px; line-height:21px;}
.font-size-18 {font-size:18px; line-height:24px;}
.font-size-21 {font-size:21px; line-height:30px;}
.font-size-24 {font-size:24px; line-height:36px;}
.font-size-30 {font-size:30px; line-height:42px;}
.font-size-36 {font-size:36px; line-height:42px;}
.font-size-42 {font-size:42px; line-height:48px;}
.font-size-48 {font-size:48px; line-height:50px;}
.font-size-60 {font-size:60px; line-height:60px;}
.font-size-72 {font-size:72px; line-height:72px;}
.font-size-84 {font-size:84px; line-height:84px;}
.font-size-96 {font-size:96px; line-height:96px;}

.letter-spacing-0325 {letter-spacing:0.0325em;}
.letter-spacing-325 {letter-spacing:-0.0325em;}
.letter-spacing-625 {letter-spacing:-0.0625em;}

.line-height-30 {line-height:30px;}

.text-center {text-align:center;}
.text-right {text-align:right;}

.font-300 {font-family:"Roboto", sans-serif; font-weight:300;}
.font-400 {font-family:"Roboto", sans-serif; font-weight:400;}
.font-900 {font-family:"Roboto", sans-serif; font-weight:900;}

.color-white {color:#ffffff;}
.color-dark-grey {color:#141215;}
.color-light-tan {color:#e8e0d4;}
.color-gold {color:#B08830;}
.color-nuit-blanche {color:#50483b;}

.background-dark-grey {background:#141215;}
.background-light-tan {background:#faf9f6;}
.background-tan {background:#dcc9a8;}
.background-plaza-taupe {background:#b2a68c;}

@media only screen and (max-width:800px) {
	.padding-intro-text {padding:0;}
	.padding-top-150 {padding-top:60px;}
	
	.margin-top-50 {margin-top:30px;}
	.margin-bottom-50 {margin-bottom:30px;}
	.margin-bottom-90 {margin-bottom:30px;}
	.margin-bottom-150 {margin-bottom:0;}
	
	.font-size-21 {font-size:18px; line-height:30px;}
	.font-size-24 {font-size:18px; line-height:30px;}
	.font-size-42 {font-size:30px; line-height:36px;}
	.font-size-48 {font-size:36px; line-height:42px;}
	.font-size-84 {font-size:60px; line-height:60px;}
	.font-size-96 {font-size:60px; line-height:60px;}
	
	.text-center {text-align:left;}
}

.section-divider-line {height:1px; background:rgba(205, 163, 73, 0.5);}
.triple-lines-dark-grey {height:7px; background: url("images/triple-lines-dark-grey.png") no-repeat center center;}
.triple-lines-plaza-taupe {height:7px; background: url("images/triple-lines-plaza-taupe.png") no-repeat center center;}
.photo {max-width:100%; height:auto; display:block; margin:0 auto;}
.rider {position:relative;}
.rider-graphic {position:absolute; top:-111px; left:390px; z-index:40; filter:drop-shadow(0px 1px 1px #b2a68c);}

.logo-background {display:inline-block; margin-bottom:3px; padding:15px 20px 13px 10px; border-radius:7px; background-color:rgba(255, 255, 255, 0.8); backdrop-filter: blur(1px);}
.catchline {width:640px; margin-bottom:13px; padding:10px 20px 10px 10px; border-radius:7px; background-color:rgba(255, 255, 255, 0.8); backdrop-filter: blur(1px);}

@media only screen and (max-width:800px) {
	.rider-graphic {top:-90px; left:200px;}
	.logo-background {display:inline-block; margin-bottom:3px; padding:15px 25px 13px 10px;}
	.catchline {width:inherit; margin-bottom:13px; padding:10px 20px 10px 10px; letter-spacing:-0.025em; line-height:24px;}
}

.ridder-center{position:absolute; bottom:-30px; left:50%;}
.vertical-center {vertical-align:text-top;}

a.phone:link {color:#000000; text-decoration:none;}
a.phone:visited {color:#000000; text-decoration:none;}
a.phone:hover {color:#000000; text-decoration:none;}
a.phone:active {color:#000000; text-decoration:none;}

a.phone-white:link {color:#ffffff; text-decoration:none;}
a.phone-white:visited {color:#ffffff; text-decoration:none;}
a.phone-white:hover {color:#ffffff; text-decoration:none;}
a.phone-white:active {color:#ffffff; text-decoration:none;}

.text-outline {letter-spacing:0.0325em; text-shadow: 0.0125em 0 #e8e0d4, 0 0.0125em #e8e0d4, -0.0125em 0 #e8e0d4, 0 -0.0125em #e8e0d4, -0.0125em -0.0125em #e8e0d4, -0.0125em 0.0125em #e8e0d4, 0.0125em -0.0125em #e8e0d4, 0.0125em 0.0125em #e8e0d4;}
.no-text-outline {text-shadow:none;}

a.button:link {display:inline-block; padding:10px 30px; font-weight:900; font-size:16px; color:#ffffff; border-radius:5px; border:none; border:1px solid rgba(255, 255, 255, 0.2); background-color:rgba(255, 255, 255, 0.1); text-decoration:none;}
a.button:visited {display:inline-block; padding:10px 30px; font-weight:900; font-size:16px; color:#ffffff; border-radius:5px; border:none; border:1px solid rgba(255, 255, 255, 0.2); background-color:rgba(255, 255, 255, 0.1); text-decoration:none;}
a.button:hover {color:#ffffff; text-decoration:none;}
a.button:active {color:#ffffff; text-decoration:none;}

a.button-solid:link {display:inline-block; padding:13px 23px; font-weight:900; font-size:18px; color:#000000; border-radius:3px; border:4px double #141215; background:#cda349; text-decoration:none;}
a.button-solid:visited {display:inline-block; padding:13px 23px; font-weight:900; font-size:18px; color:#000000; border-radius:3px; border:4px double #141215; background:#cda349; text-decoration:none;}
a.button-solid:hover {color:#000000; text-decoration:none;}
a.button-solid:active {color:#000000; text-decoration:none;}

@media only screen and (max-width:800px) {
	a.button-solid:link {padding:10px 15px; font-size:16px;}
	a.button-solid:visited {padding:10px 15px; font-size:16px;}
}



.container-integrity {display:flex; flex-direction:row; justify-content:space-between; margin:0;}
.integrity-card {box-sizing:border-box; width:calc(1/5*100% - (1 - 1/5)*30px); text-align:center;}
.container-integrity img	{display:block; margin:0 auto 15px auto;}

.container-services {display:flex; flex-direction:row; justify-content:space-between; margin:0 0 35px 0; text-align:left;}
.services-card {box-sizing:border-box; width:calc(1/3*100% - (1 - 1/3)*30px); padding:20px; border-radius:15px; background:#50483b;}
.container-services img	{display:block; margin:0 auto 15px auto;}

.container-projects {display:flex; flex-direction:row; justify-content:space-between; margin:0 0 30px 0;}
.projects-card {box-sizing:border-box; width:calc(1/2*100% - (1/2)*30px); border-radius:10px;}
.projects-card-top {display:flex; justify-content:center; align-items:center; min-height:350px; margin:0 0 20px 0; background-color:rgba(255, 255, 255, 0.07);}
.projects-card img {border-radius:7px;}

.container-contacts {display:flex; flex-direction:row; justify-content:space-between; margin:0 0 70px 0; text-align:left;}
.contact-card {box-sizing:border-box; width:calc(1/3*100% - (1 - 1/3)*20px); padding:20px; border-radius:15px; background:#50483b;} 
.container-contacts img	{display:block; margin:0 auto 15px auto;}

.container-faqs {margin:0 0 15px 0; border:1px solid rgba(205, 163, 73, 0.6); border-radius:7px;}
.container-faqs button {cursor:pointer; display:block; width:100%; border:none; text-align:left; font-size:21px; text-decoration:none; margin:0; padding:0; cursor:pointer; color:#000000; background:none;}
.container-questions {padding:13px 0 13px 15px;}
.container-questions::before {content: "\0002B"; float:right; margin:0 20px 0 0; color:#cda349;}
.active .container-questions::before {content: "\02212"; float:right; margin:0 20px 0 0; color:#cda349;}
.container-answers {padding:0 30px 30px 15px; line-height:30px;}
.toggle-content  {display:none;}

.inner-border {margin:0 50px; padding:50px 0; border-radius:15px; border:1px solid rgba(205, 163, 73, 0.6);}
.ridder-row {margin-left:auto; margin-right:auto; width:90%; height:4px; border-top:1px double rgba(178, 166, 140, 0.5); border-bottom:1px double rgba(178, 166, 140, 0.5);}
.ridder {z-index:100; display:block; width:80px; margin:-60px auto 0 auto; background:#faf9f6;}

 
@media only screen and (max-width:800px) {
	.container-integrity {display:block; margin:0; border-top:1px solid rgba(205, 163, 73, 0.6);}
	.integrity-card {width:inherit; margin:0; padding:7px 0 10px 0; border-bottom:1px solid rgba(205, 163, 73, 0.6);}
	.container-integrity img{display:block; margin:0 auto 5px auto;}

	.container-services {display:block; margin:0;}
	.services-card {width:inherit; margin:0 0 10px 0; padding:30px; border-radius:10px;}
	.container-projects {display:block; margin:0;}
	.projects-card {width:inherit; margin:0 0 10px 0; padding:0 30px; border-radius:10px;}
	.projects-card-top {min-height:inherit; margin:0 0 10px 0; padding:20px; background-color:rgba(255, 255, 255, 0.07);}
	.container-contacts {display:block; margin:0 0 30px 0;}
	.contact-card {width:inherit; margin:0 0 10px 0; padding:30px; border-radius:10px;} 
	
	.container-faqs button {font-size:18px;}
	.container-questions {padding:13px 0 13px 15px;}
	.container-questions::before {margin:0 10px 0 20px;}
	.active .container-questions::before {margin:0 10px 0 20px;}
	.container-answers {padding:0 30px 30px 15px; line-height:30px;}
	
	.inner-border {margin:0 30px; padding:30px;}
	.ridder-row {display:none;}
}


.container-content-item {display:grid; grid-template-columns:347px auto; gap:50px;}

@media only screen and (max-width:800px) {
	.container-content-item {display:block;}
}

.quote {position:relative;}
.quote::before {content: '"'; position:absolute; left:-28px; top:7px; font-family: "Boldonse"; font-size:48px; color:#000000;}
.quote-end {font-family: "Boldonse"; font-size:48px; color:#000000; vertical-align:middle;}

.container-content-footer {margin:0 50px; display:grid; grid-template-columns:auto 400px; gap:50px;}
.ranch-hand-tagline {position:relative; margin:10px 0 0 0; font-size:30px; text-align:right;}
.ranch-hand-logo {}
.ranch-hand-logo span {display:block; margin:10px 0 0 0; letter-spacing:0.0125em;}

.utilities {margin:0; padding:0;}
.utilities li {list-style-type:none; margin:0 0 10px 0; padding:0;}
.utilities li a:link {margin:0; padding:0; color:#ffffff; text-decoration:none;}
.utilities li a:visited {margin:0; padding:0; color:#ffffff; text-decoration:none;}

.parent {
display: grid;
grid-template-columns: 3fr repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 0px;
margin:0 50px;
}

.div1 {position:relative;}


@media only screen and (max-width:800px) {
	.parent {display:block;}
	.div2 {margin-top:30px;}
	.div3 {margin-top:30px;}
	.div4 {margin-top:30px;}
}