/*!
Theme Name: 	Bootsrap on WordPress
Theme URI: 		https://bootstraponwordpress.com/
Description: 	Bootstrap 5 on Wordpress
Version: 		4.3.0
Author: 		Babobski
Author URI: 	https://www.babobski.nl
Tags: 			babobski, bootstrap, basic theme
*/

html { font-size: 16px; } 
.vert-center { position: relative; top: 50%; transform: translateY(-50%); }
.spacer { clear: both; }

p, li {
	font-family: "avenir-lt-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6, button {
	font-family: "iowan-old-style-bt", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.splash-half-01 {
	width: 46%;
	float: left;
	background-color: white;
	height: 100vh;
	border-right: 2rem solid #9a9191;
	position: relative;
}

.sh01-inner {
	position: absolute;
	width: 62%;
	height: 62%;
	left: 19%;
	top: 19%;
	display: flex;
	justify-content: center;
	align-items: center
}

.sh01-inner img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.splash-half-02 {
	width: 54%;
	float: left;
	height: 100vh;
	background: #ab997b;
	background: linear-gradient(126deg,rgba(171, 153, 123, 1) 0%, rgba(183, 174, 159, 1) 100%);
	padding: 4rem 4%;
}

.splasher nav {
	display: none;
}

.splash-half-02 h1 {
    color: white;
    font-size: 3.5rem;
	margin-bottom: 0; 
	letter-spacing: -1px;
}

.splash-half-02 h2 {
	color: #5d5959;
	font-size: 1.75rem;
	font-style: italic;
	margin-bottom: 0;	
}

.splash-half-02 h3 {
	font-family: "avenir-lt-pro", sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	color: #5d5959;
	FONT-WEIGHT: 400;
	letter-spacing: 2px;
	margin-top: 0.45rem;
}

.splash-half-02 p, .splash-half-02 li {
	color: white;
	font-size: 1.125rem;
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 3px solid #5d5959;
    opacity: 1;
}

.splash-contact {
	margin-top: 3rem;
	background-color: #9a9191;
	border: 3px solid #5d5959;
	border-radius: 2rem;
	padding: 1.75rem 2rem;
}

.sc-left {
	width: 50%;
	float: left;
	padding-right: 1.5rem;
}

.sc-right {
	width: 50%;
	float: left;
	padding-left: 1.5rem;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

.tg td {
    border-color: transparent;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
	vertical-align: top;
}

.tg .tg-0pky {
    border-color: inherit;
    text-align: left;
    vertical-align: top;
}

.tg td i {
    color: #5d5959;
    font-size: 3rem;
    display: table;
    margin-left: auto;
    margin-right: 0;
}

.tg tr td:nth-child(1) {
	width: 72px;
	text-align: right;
}

.tg td p {
    font-size: 1.125rem;
    font-family: "iowan-old-style-bt", sans-serif;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.tg td a {
	color: white;
	text-decoration: none;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.tg td a:hover {
	color: #5d5959;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.splash-contact h4 {
	color: #5d5959;
	margin-bottom: 1rem;
	font-size: 1.625rem;
	font-family: "avenir-lt-pro", sans-serif;
	font-weight: 700;
	text-transform: uppercase;	
}

.home-hero {
	padding-top: 15%;
	padding-bottom: 15%;
	background-color: dimgray;
	background-size: cover;
	background-position: center center;
}

.hh-inner {
	text-align: center;
}

.hh-inner h1 {
	color: white;
	font-size: 3.75rem;
	letter-spacing: -4.15%;
	margin-bottom: 0;
	line-height: 1.1;
}

img.theline {
	width: 55%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
}

button {
    background: transparent;
    border: 3px solid white;
    color: white;
    padding: 0.8rem 1.4rem 0.65rem;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: -4.15%;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.hh-inner .button-row button {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
}

.hh-inner .button-row {
	margin-top: 2.5rem;
}

.stc-nav {
	background-color: white;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

img.header-logo {
	display: table;
	margin-left: 0;
	margin-right: auto;
	width: 75%;
}

.stc-nav-right {
	text-align: right;
}

ul.stc-menu {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

ul.stc-menu li {
	display: inline-block;
}

ul.stc-menu li a {
    font-family: "iowan-old-style-bt", sans-serif;
    font-weight: 700;
	color: #797171;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	font-size: 1.25rem;
	letter-spacing: -3.15%;
	padding-top: 20%;
}

ul.stc-menu li:last-child a {
	margin-right: 0;
}

.home-main-info {
	padding-top: 4.5%;
	padding-bottom: 4.5%;
	background-color: white;
}

.hmi-left {
	width: 20%;
	float: left;
}

.hmi-image {
	width: 100%;
	aspect-ratio: 404 / 745;
	background-size: cover;
	background-position: center center;
}

.hmi-center {
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	width: 60%;
	float: left;
}

.hmi-center p {
	text-align: left;
}

.stc-text h5 {
    color: #8d867a;
    font-size: 1.35rem;
    text-transform: uppercase;
    letter-spacing: 32%;
	margin-bottom: 0.25rem;
}

.stc-text h2 {
    color: #797171; 
    font-size: 2.65rem;
    letter-spacing: -4.15%;
	margin-bottom: 1.25rem;
}

.stc-text p, .stc-text li {
	font-family: "iowan-old-style-bt", sans-serif;
	color: #454241;
	font-size: 1.3125rem;
	margin-bottom: 1.625rem;
	letter-spacing: -1.5%;
}

.stc-text li {
	margin-bottom: 0.25rem;
}

.stc-text button {
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.75rem;
	color: #797171;
	border: 3px solid #797171;
}

.home-main-info.stc-text a {
	text-decoration: none;
}

.home-two-boxes {
	background-color: white;
	padding-top: 1%;
	padding-bottom: 4%;
}

.htb-box {
	width: 48.75%;
	float: left;
	position: relative;
	padding-top: 4.5%;
	padding-bottom: 12%; 
	padding-left: 5%;
	padding-right: 5%;
	background-size: cover;
	background-position: right bottom;
}

.htb-box-left {
	margin-left: 0;
	margin-right: 1.25%;
	background-color: #5b5656;
}

.htb-box-right {
	margin-left: 1.25%;
	margin-right: 0%;
	background-color: #6c675e;
}

.htb-box h3, .ph-01 h3 {
	color: white;
	padding-bottom: 0.75rem;
	border-bottom: 3px solid white;
	margin-bottom: 1.25rem;
	width: 100%;
	font-size: 3rem;
	letter-spacing: -4.15%;
}

.htb-box p, .htb-box li {
	color: white;
}

.htb-box button {
	position: absolute;
	right: 3rem;
	bottom: 2rem;
	color: white;
	border: 3px solid white;
}

.htb-inner {
	padding-right: 12%;
}

.pros-homeowners {
	background-color: white;
	padding-top: 1%;
	padding-bottom: 4%;
}

.ph-01 {
	width: 38%;
	float: left;
	padding-right: 6%;
}

.ph-02 {
	width: 31%;
	float: left;
}

.ph-03 {
	width: 31%;
	float: left;
}

.ph-01 h3 {
	color: #454241;
	border-bottom: 3px solid #454241;  
}

.ph-button {
	background-color: dimgray;
	width: 96.25%;
	margin-left: 3.75%;
	aspect-ratio: 653 / 398;
	background-size: cover;
	background-position: center center;
	padding: 2rem;
	position: relative;
}

.ph-02 .ph-button {
	background-image: url('images/homeowners-button-bg.jpg');
}

.ph-03 .ph-button {
	background-image: url('images/contractors-button-bg.jpg');
}

.ph-button button {
	color: white;
	border: 3px solid white;
	position: absolute;
	right: 2rem;
	bottom: 2rem;
}

.ph-button h3 {
	font-size: 2.625rem;
	border-bottom: 0;
	color: white;
}

button:hover {
	background-color: white;
	border: 3px solid white;
	box-shadow: -0.5rem 0.5rem 1rem #79717154;
	color: #574f4f;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.call-to-action {
	padding-top: 4%;
	padding-bottom: 15%;
	background-color: white;
	background-image: url('images/cta-bottom.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	position: relative;
}

.call-to-action a {
	text-decoration: none;
}

.call-to-action:after {
	position: absolute;
	content: " ";
	top: -8%;
	left: 50%;
	width: 42%;
	aspect-ratio: 692 / 80;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/darker-line.png);
	margin-left: -21%;
}

.footer {
	padding-top: 7%;
	padding-bottom: 7%;
	background-color: #322f2a;
	background-image: url('images/footer-bg.jpg');
	background-size: cover;
	background-position: center center;
	position: relative;
}

.footer:after {
	position: absolute;
	width: 100%;
	content: " ";
	left: 0;
	height: 1.5rem;
	top: -0.75rem;
	background-color: white;
	box-shadow: 0rem 0rem 1.5rem black;
}

.footer-logo {
	padding-right: 20%;
}

.footer-logo img {
	width: 100%;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
    word-break: normal;
    font-family: "iowan-old-style-bt", sans-serif;
    font-weight: 700;
}

.tg td {
    border-color: transparent;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
    padding: 0.75rem 1.25rem;
    word-break: normal;
	color: white;
	vertical-align: middle;
}

.tg .tg-left i {
	font-size: 3.25rem;
	color: #b7ae9f;
}

.tg .tg-right {
    font-size: 1.25rem;
    letter-spacing: -4%;
}

ul.stc-footer-menu {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	column-count: 2;
	column-gap: 1.75rem;
}

.footer-table {
	padding-left: 8%;
}

ul.stc-footer-menu li {
	display: block;
}

ul.stc-footer-menu li a {
	font-family: "iowan-old-style-bt", sans-serif;
	font-weight: 700;
	color: #9a9191;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	font-size: 1.75rem;
	letter-spacing: -3.15%;
	margin-bottom: 0.75rem;
}

.nav-link:focus, .nav-link:hover {
    color: #b7ae9f;
}

.nav-opener { 
	display: none;
}

.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	right: 0;
	top: 0;
	background-color: white;
	overflow-x: hidden;
	transition: 0.5s;
}

.overlay-content {
    position: absolute;
    width: 100%;
    text-align: left;
    height: 100%;
    left: 0;
    top: 0;
    padding-left: 10%;
    padding-top: 30%;
}

.overlay a {
	text-decoration: none;
	display: block;
	transition: 0.3s;
}

.overlay .closebtn {
    position: absolute;
    top: 0rem;
    right: 1rem;
    z-index: 10;
	color: #797171;
    font-size: 3rem;
}

.subpage-hero {
	padding-top: 10.2%;
	padding-bottom: 10.2%;
	border-bottom: 1.25rem solid white;
	position: relative;
	box-shadow: 0rem 2rem 3rem #0000007d;
}

.subpage-hero img.theline {
    margin-top: 0.5rem;
}

.materials-main-info, .misc-main-info {
	padding-top: 6.5%;
	padding-bottom: 6.5%;
	background-color: gainsboro;
	background-image: url('images/light-brick-bg.jpg');
	background-size: cover;
	background-position: center center;
}

.misc-main-info {
	background-image: none;
}

.minfo-outer {
	width: 100%;
	display: block;
	box-shadow: 0rem 0rem 3rem black;
}

.minfo-left {
	width: 68%;
	float: left;
	background-color: white;
	padding: 4.75% 7% 4.75% 5%;
}

.minfo-left p:last-child {
	margin-bottom: 0;
}

.minfo-right {
	width: 32%;
	float: left;
	background-color: dimgray;
	overflow: hidden;
	position: relative;
}

.minfo-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center; 
	position: absolute;
}

.applications {
	padding-top: 6%;
	padding-bottom: 10%;
	background-color: white;
}

.top-text {
	margin-bottom: 9%;
	text-align: center;
}

.applications-image {
	width: 80%;
	margin-left: 20%;
	background-color: gainsboro;
	position: relative;
}

.applications-image img { 
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;	
	position: absolute;
}

.stc-text h4 {
	color: #797171;
	text-transform: uppercase;
	font-size: 1.75rem;
}

.stc-text hr {
	border-color: #797171;
	margin-top: 5%;
	margin-bottom: 5%;
}

.applications-list p {
	max-width: 75%
}

ul.stc-menu ul.dropdown-menu li {
	display: block;
	width: 100%;
}

ul.stc-menu ul.dropdown-menu li a.dropdown-item { 
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
    padding: 1rem 1rem;
}

ul.stc-menu ul.dropdown-menu li a.dropdown-item:hover {
    color: inherit;
    background-color: gainsboro;
}

ul.stc-menu ul.dropdown-menu li a.dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: gainsboro;
}

.page-listings {
	padding-top: 6%;
	padding-bottom: 6%;
	background-color: white;
}

.page-list-ind {
	width: 100%;
	display: block;
	margin-bottom: 2.75rem; 
}

.pli-left {
    width: 38%;
    float: left;
    position: relative;
    background-color: #5b5656;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.pli-img-inner,
.pli-img-inner::after {
    position: absolute;
    inset: 0;
}

.pli-img-inner {
    background: linear-gradient(270deg, rgba(91, 86, 86, 1) 4%, rgba(91, 86, 86, 0.53) 51%, rgba(91, 86, 86, 0.18) 93%);
}

.page-list-ind.odd .pli-left {
    float: right;
}

.page-list-ind.odd .pli-img-inner {
    background: linear-gradient(90deg, rgba(91, 86, 86, 1) 4%, rgba(91, 86, 86, 0.53) 51%, rgba(91, 86, 86, 0.18) 93%);
}

.pli-img-inner::after {
    content: "";
    background: linear-gradient(270deg, rgba(64, 59, 59, 1) 4%, rgba(64, 59, 59, 0.53) 51%, rgba(64, 59, 59, 0.18) 93%);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.page-list-ind.odd .pli-img-inner::after {
    background: linear-gradient(90deg, rgba(64, 59, 59, 1) 4%, rgba(64, 59, 59, 0.53) 51%, rgba(64, 59, 59, 0.18) 93%);
}

.pli-right {
    width: 62%;
    float: left;
    padding-top: 6.75%;
    padding-left: 1%;
    padding-bottom: 6.75%;
    padding-right: 12%;
    background-color: #5b5656;
    transition: background-color 0.25s ease;
}

.page-list-ind.odd .pli-right {
    padding-left: 12%;
    padding-right: 1%;
}

.page-list-ind:hover .pli-right {
    background-color: #403b3b;
}

.page-list-ind:hover .pli-img-inner::after {
    opacity: 1;
}

.pli-right p:last-child {
	margin-bottom: 0;
}

.pli-right p {
	color: white;
	font-size: 1.1875rem;
}

.pli-right h3 {
    color: white;
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

body.services .pli-left {
    background-color: #6c675e;
}

body.services .pli-img-inner {
    background: linear-gradient(270deg, rgba(108, 103, 94, 1) 4%, rgba(108, 103, 94, 0.53) 51%, rgba(108, 103, 94, 0.18) 93%);
}

body.services .page-list-ind.odd .pli-img-inner {
    background: linear-gradient(90deg, rgba(108, 103, 94, 1) 4%, rgba(108, 103, 94, 0.53) 51%, rgba(108, 103, 94, 0.18) 93%);
}

body.services .pli-right {
    background-color: #6c675e;
}

body.services .page-list-ind:hover .pli-right {
    background-color: #4c4840;
}

body.services .pli-img-inner::after {
    background: linear-gradient(270deg, rgba(76, 72, 64, 1) 4%, rgba(76, 72, 64, 0.53) 51%, rgba(76, 72, 64, 0.18) 93%);
}

body.services .page-list-ind.odd .pli-img-inner::after {
    background: linear-gradient(90deg, rgba(76, 72, 64, 1) 4%, rgba(76, 72, 64, 0.53) 51%, rgba(76, 72, 64, 0.18) 93%);
}

.how-we-help {
	padding-top: 6.5%;
	padding-bottom: 38%;
	background-color: white;
	background-position: center bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
	text-align: center;
}

.help-block {
	width: 42%;
	margin-left: 3.15%;
	margin-right: 3.15%;
	margin-bottom: 2.75rem;
	background-color: #6c675e;
	padding: 4% 6% 4% 4%;
	box-shadow: -1rem 1rem 3rem #00000030;
	vertical-align: top;
	text-align: left;
	display: inline-block;
}

.help-block h3 { 
	color: white;
	text-transform: uppercase;
	font-size: 1.75rem;
}

.help-block p {
	color: white;
	font-size: 1.1875rem;
}

.help-block p:last-child {
	margin-bottom: 0;
}

.page-id-21 .call-to-action:after, 
.page-id-23 .call-to-action:after,
.page-id-25 .call-to-action:after {
	display: none; 
}

.brands-section {
	padding-top: 8.5%;
	padding-bottom: 8.5%;
	background-color: #b7ae9f;
	box-shadow: inset 0rem 2rem 3rem #00000061;
}

.brand-square {
    width: 92%;
    margin-left: 4%;
    margin-bottom: 2.5rem;
	aspect-ratio: 1 / 1;
	background-color: white;
	box-shadow: -0.5rem 0.5rem 0.75rem #0000001c; 
	border: 0px solid white;
	position: relative;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.brand-square-inner {
	position: absolute;
    left: 18%;
    top: 18%;
    width: 64%;
    height: 64%;
	display: flex; 
	justify-content: center; 
	align-items: center;
}

.brand-square-inner img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center; 
}

.brand-square:hover {
	border: 1px solid #00000057;
	box-shadow: -0.5rem 0.5rem 0.75rem #0000004f;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.contact-us .minfo-left .tg td {
    color: #504c4c;
}

.minfo-right iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.contact-us .minfo-right {
	box-shadow: -0.5rem 0rem 2rem #00000024;
}

.about .how-we-help {
	box-shadow: inset 0rem 1.5rem 3rem #8d867a59;
}

.page-id-8 .footer {
	display: none !important;
}

.gallery-section {
	padding-top: 6%;
	padding-bottom: 6%;
	background-color: white;
}

html body .modula>.filters ul.modula_menu__list {
	text-align: center;
}

html body .modula>.filters .modula_menu__list li.modula_menu__item {
    margin: 0;
}

html body .modula>.filters.menu--default .modula_menu__list li.modula_menu__item .modula_menu__link {
    padding: 0.5rem 1.5rem !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.0625rem;
}





/*==========  Boostrap 5 Non-Mobile First Method  ==========*/

@media only screen and (max-width: 3180px) {

html { font-size: 16px; }

}

@media only screen and (max-width: 2520px) {

html { font-size: 16px; }

}

@media only screen and (max-width: 1860px) {

html { font-size: 16px; }
img.header-logo { width: 95%; }
ul.stc-menu li a { margin-left: 0.625rem; margin-right: 0.625rem; font-size: 1rem; letter-spacing: -3.15%; padding-top: 23%; }
.hh-inner h1 { font-size: 3.25rem; }
.stc-text h5 { font-size: 1.135rem; }
.stc-text h2 { font-size: 2rem; }
.stc-text p, .stc-text li, .tg td { font-size: 1.125rem; }
.htb-box h3, .ph-01 h3 { padding-bottom: 0.5rem; border-bottom: 2px solid white; font-size: 2.125rem; }
.ph-button h3 { font-size: 2.125rem; }
.tg .tg-left i { font-size: 2.25rem; }
.tg tr td:nth-child(1) { width: 48px; }
ul.stc-footer-menu li a { margin-left: 0; margin-right: 0; font-size: 1.25rem; letter-spacing: -3.15%; margin-bottom: 0.625rem; }
.ph-02, .ph-03 { position: relative; }
.ph-button { position: absolute; aspect-ratio: inherit; height: 100%; }

}

@media only screen and (max-width: 1199px) {

html { font-size: 15px; }
.tg td i { font-size: 2rem; }
.tg tr td:nth-child(1) { width: 48px; }
.sc-left { width: 100%; float: none; padding-right: 0rem; margin-bottom: 0.5rem; }
.sc-right { width: 100%; float: none; padding-left: 0rem; }
.tg td p { font-size: 1rem; } 
.tg td p { margin-bottom: 0; }
ul.stc-menu li a { font-size: 0.875rem; }
.hh-inner h1 { font-size: 2.5rem; }
.button-row, img.theline { margin-top: 1.25rem; }
.tg .tg-right { font-size: 1rem; }
.tg tr td:nth-child(1) { width: auto !important; }
.ph-01, .ph-02, .ph-03 { width: 100%; margin-bottom: 2rem; float: none; }
.ph-button { width: 100%; margin-left: 0%; aspect-ratio: 653 / 398; position: relative; }  
.stc-text h4 { font-size: 1.35rem; }
.stc-text p, .stc-text li, .tg td { font-size: 1.0625rem; }
.stc-text hr { margin-top: 7%; margin-bottom: 9%; }

}

@media only screen and (max-width: 991px) {

html { font-size: 14px; }
.splash-half-01 { width: 100%; float: none; background-color: white; height: auto; border-right: none; position: relative; border-bottom: 2rem solid #9a9191; }
.sh01-inner { position: relative; width: 100%; height: auto; left: 0; top: 0; display: flex; justify-content: center; align-items: center; padding-top: 3rem; padding-bottom: 3rem; }
.sh01-inner img { display: inline-block; margin-left: 0; margin-right: 0; max-width: 30rem; position: relative; }
.splash-half-02 { width: 100%; float: none; height: auto; background: #ab997b; background: linear-gradient(126deg, rgba(171, 153, 123, 1) 0%, rgba(183, 174, 159, 1) 100%); padding-top: 3rem; padding-bottom: 3rem; }
body { background: #9a9191; }
.splash-half-02 .vert-center { top: 0; transform: none; }
.splash-half-02 { padding-top: 10%; padding-bottom: 10%; }
img.header-logo { width: 65%; }
ul.stc-menu { display: none; }
.nav-opener { display: table; margin-left: auto; margin-right: 0; border: 2px solid #797171; padding: 0.45rem 0.45rem; text-align: center; border-radius: 0.35rem; line-height: 1; margin-top: 3%; }
.nav-opener i { font-size: 1.35rem; color: #797171; }
ul.stc-mobile-nav { padding-left: 0; margin-bottom: 0; list-style-type: none; }
ul.stc-mobile-nav li { display: block; }
ul.stc-mobile-nav li a { font-family: "iowan-old-style-bt", sans-serif; font-weight: 700; color: #797171; font-size: 1.625rem; margin-top: 0.35rem; margin-bottom: 0.35rem; }
.hmi-left { display: none; }
.hmi-center { text-align: center; width: 100%; float: none; } 
.htb-box { width: 100%; float: none; margin-bottom: 2rem; }
.footer .vert-center { top: 0; transform: none; }
.footer-logo { padding-right: 0; }
.footer-logo img { width: 30%; margin-left: auto; margin-right: auto; display: table; margin-bottom: 2rem; }
.footer-table { padding-left: 0; margin-bottom: 2rem; }
ul.stc-footer-menu { column-count: 3; }
.hmi-center .vert-center { top: 0; transform: none; }
.tg { margin-left: auto; margin-right: auto; }
.stc-text hr { margin-top: 3%; margin-bottom: 4.5%; border-width: 2px; }
.applications-image { width: 100%; margin-left: 0; }
.applications-image img { position: relative; }
.help-block h3 { font-size: 1.25rem; }
.help-block p { font-size: 1rem; }
.help-block { width: 44%; margin-left: 2.15%; margin-right: 2.15%; }
ul.stc-mobile-nav .dropdown-menu li a { font-family: "iowan-old-style-bt", sans-serif; font-weight: 700; color: #797171; font-size: 1.625rem; margin-top: 0.35rem; margin-bottom: 0.35rem; padding-top: 0; color: #8d867a; font-size: 1.15rem; text-transform: uppercase; margin-top: 0.1rem; margin-bottom: 0.1rem; padding-bottom: 0.2rem; padding-top: 0.2rem; }

}

@media only screen and (max-width: 767px) {

html { font-size: 13px; }
.hh-inner h1 { font-size: 2rem; }
.hh-inner .button-row button { margin-left: 1.25rem; margin-right: 1.25rem; }
button { border: 2px solid white; padding: 0.65rem 1rem 0.55rem; font-size: 1.0625rem; }
button:hover { border: 2px solid white; }
.minfo-left { width: 100%; float: none; }
.minfo-right { width: 100%; float: none; }
.minfo-right img { position: relative; }
.contact-us .minfo-right { box-shadow: -0rem -0.5rem 2rem #00000024; height: 30rem; }
.subpage-hero { padding-top: 16.2%; padding-bottom: 16.2%; }
.home-hero { padding-top: 23%; padding-bottom: 23%; }

}

@media only screen and (max-width: 575px) {

html { font-size: 12px; }
.sh01-inner img { max-width: 18rem; }
.sh01-inner { padding-top: 13%; padding-bottom: 13%; }
.splash-half-02 h1 { font-size: 2.5rem; }
.splash-half-02 h2 { font-size: 1.435rem; }
.splash-half-02 h3 { font-size: 0.8125rem; letter-spacing: 1px; }
.splash-contact h4 { margin-bottom: 0.75rem; font-size: 1.325rem; }
.tg td { padding: 4px 5px; }
img.header-logo { width: 100%; }
.nav-opener { margin-top: 1%; }
.stc-text h5 { font-size: 0.9375rem; letter-spacing: 24%; }
.stc-text h2 { font-size: 1.75rem; }
.stc-text p, .stc-text li, .tg td { font-size: 1.0625rem; }
.stc-text button { border: 2px solid #797171; }
.htb-box { padding-bottom: 35%; }
.help-block {  width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1.25rem; }
.subpage-hero { padding-top: 21.2%; padding-bottom: 21.2%; }
.home-hero { padding-top: 30%; padding-bottom: 30%; }

}