/*!
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; }

h1, h2, h3, h4, h5, h6, button {
	font-family: "interstatecondensed-hairline", sans-serif;
	font-weight: 800;
}

p, li {
	font-family: "tilden-sans-extrabold", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.super-nav {
	background-color: black;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: right;
	font-size: 1.25rem;
}

.super-nav a {
	font-family: "tilden-sans-extrabold", sans-serif;
	font-weight: 800;	
	text-transform: uppercase;
	color: #ba1b2a;
	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;
}

.super-nav a:hover {
	color: white;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.super-nav span {
	color: #ba1b2a;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.super-nav a.sn-phone {
	color: white;
}

.super-nav a.sn-phone:hover {
	color: #ba1b2a;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.cogar-nav {
	background-color: #3c3e40;
	display: flex;
	align-items: stretch;
    box-shadow: 0rem 3rem 3rem #00000082;
    position: relative;
    z-index: 3;
}

.cn-left {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem;
	text-align: center;
}

.cn-left img {
	max-width: 100%;
	max-height: 130px;
	height: auto;
	width: auto;
}

.cn-right {
	width: 80%;
	display: flex;
	justify-content: flex-end;
}

ul.cogar-main-nav {
	padding-left: 0;
	margin-bottom: 0;
	display: flex;
	align-items: stretch;
}

ul.cogar-main-nav li {
	display: flex;
	position: relative;
}

ul.cogar-main-nav li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
	text-align: center;
	background-color: transparent;
	color: white;
	font-family: "interstatecondensed-hairline", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	position: relative;
	font-size: 1.4325rem;
	text-decoration: none;
}

ul.cogar-main-nav li:before {
	content: " ";
	width: 1px;
	height: 100%;
	background-color: #0000008a;
	position: absolute;
	left: 0;
	top: 0;
}

ul.cogar-main-nav li:after {
	content: " ";
	width: 1px;
	height: 100%;
	background-color: #ffffff26;
	position: absolute;
	left: 1px;
	top: 0;
}

ul.cogar-main-nav li a:hover {
	color: #ba1b2a;
	background-color: #0000004a;
}

.home-hero {
	background-color: dimgray;
	background-size: cover;
	background-position: center center;
}

.video-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 1.76565 / 1;
	box-shadow: 0rem 3rem 3rem #00000082;
}

.video-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.video-overlay {
	position: absolute;
	z-index: 2;
	width: 60%;
	height: auto;
	bottom: 19%;
	left: 5%;
	text-align: left;
}

.video-overlay p {
	margin-bottom: 0;
}

.video-overlay img {
	width: 60%;
}

.video-overlay h2 {
    text-transform: uppercase;
    font-style: italic;
    color: #be1f2e;
    margin-bottom: 0;
    font-size: 4.2rem;
    letter-spacing: -5%;
    text-shadow: 0rem 0rem 2rem black, 0rem 0rem 1rem black;
}

.video-overlay p {
	color: white;
	font-size: 1.625rem;
	text-shadow: 0rem 0rem 1rem black, 0rem 0rem 0.5rem black;
}

button {
    font-style: normal;
    margin-bottom: 0;
    font-size: 1.625rem;
    letter-spacing: -2%;
    text-transform: uppercase;
    border: 0;
    background: black;
    color: white;
    padding: 0.65rem 1.75rem;
    margin-top: 1.125rem;
    position: relative;
}

/* text stays above the red wipe */
button span {
    position: relative;
    z-index: 2;
}

/* main red wipe */
button:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #b91b2d;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.35s ease;
    z-index: 1;
}

/* lower bar */
button:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 0.45rem;
    background: linear-gradient(to left, #b91b2d 50%, black 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    bottom: -0.65rem;
    transition: background-position 0.35s ease;
}

button:hover:before {
    transform: scaleX(1);
}

button:hover:after {
    background-position: right bottom;
}

.home-main-info {
	background-color: dimgray;
	background-image: url('images/home-main-info-with-state-02.jpg');
	background-size: cover;
	background-position: right bottom;
	padding-top: 7.5%;
	padding-bottom: 10.5%;
}

.cogar-text h5, .headline-group h5 {
    color: white;
    margin-bottom: 0.5rem;
    background-color: #b91b2d;
    padding: 0.4rem 1.6rem 0.6rem;
    letter-spacing: 45%;
    text-transform: uppercase;
    font-family: "tilden-sans-extrabold", sans-serif;
    font-weight: 900;
    font-size: 1.125rem;
	display: inline-block;
}

.cogar-text h2, .cogar-text h1, .headline-group h2, .headline-group h1 {
	color: white;
	font-size: 3.25rem;
	letter-spacing: -1%;
	text-transform: uppercase;
	line-height: 1.0;
	margin-bottom: 1rem;
}

.headline-group {
	position: relative;
}

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

.cogar-text p, .project-list-inner li {
	color: white;
	font-size: 1.3875rem;
}

.project-list-inner li {
	color: #302e2e;
	font-size: 1.25rem;
}

.project-list-inner ul {
	margin-top: -1rem;
}

.our-services {
	text-align: center;
	background-color: black;
	padding-top: 7.5%;
	padding-bottom: 7.5%;
}

.top-text {
	margin-bottom: 4rem;
}

.service-block {
	aspect-ratio: 573 / 279;
	background-color: #b91b2d;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 20%;
	position: relative;
	filter: saturate(100%);
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.service-block:hover {
	filter: saturate(0%);
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.service-block h3 {
	text-transform: uppercase;
	margin-bottom: 0;
	color: white;
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: 2rem;
	line-height: 1;
}

.our-services-outer {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem 2rem;
}

.our-services-outer a {
	display: block;
	text-decoration: none;
}

.home-clients {
	background-color: white;
	box-shadow: 0rem 0rem 3rem black;
}

.home-clients.cogar-text h2 {
	color: black;
}

.home-clients.cogar-text p {
	color: #272727;
}

.company-logos-wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 4rem 0;
	border-top: 10px solid #777;
	border-bottom: 10px solid #777;
}

.company-logos-track {
	display: flex;
	width: max-content;
	animation: logoScroll 35s linear infinite;
}

.logo-box {
	flex: 0 0 calc(100vw / 6);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2rem;
}

.logo-box img {
	display: block;
	max-width: 100%;
	max-height: 100px;
	width: auto;
	height: auto;
}

@keyframes logoScroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.home-safety {
	background-image: url('images/home-safety-bg.jpg');
	background-position: center center;
	padding-bottom: 7.5%;
}

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

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

.footer-logo img {
	width: 100%;
	max-width: 511px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.footer-address h4, .footer-address p {
	color: white;
}

.footer-address h4 {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 1.85rem;
}

.mobile-opener {
	display: none;
	padding: 0.5rem;
	border: 2px solid white;
	border-radius: 4px;
}

.mobile-opener i {
	color: white;
	font-size: 1.75rem;
}

.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 10;
	right: 0;
	top: 0;
	background-color: #be1f2e;
	background-image: url('images/overlay-bg.jpg');
	background-size: cover;
	background-position: right center;
	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%;
	border-left: 0.75rem solid white;
}

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

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

ul.cogar-mobile-nav {
	padding-left: 0;
	margin-bottom: 0;
}

ul.cogar-mobile-nav li {
	display: block;
}

ul.cogar-mobile-nav li a {
	text-transform: uppercase;
	font-style: italic;
	color: white;
	margin-bottom: 0.25rem;
	font-size: 2.75rem;
	letter-spacing: -3.5%;
	font-weight: 800;
	font-family: "interstatecondensed-hairline", sans-serif;
	font-weight: 800;
}

.subpage-hero {
	aspect-ratio: 2200 / 894;
	background-size: cover;
	background-position: center center;
	padding-top: 24%;
	padding-bottom: 5%;
	position: relative;
}

.sh-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0000004f;
    background-image: url(images/subpage-header-overlay.png);
    background-size: cover;
    z-index: 1;
    background-position: center center;
}

.sh-text {
	position: relative;
	z-index: 2;
}

.sh-text h1 {
	color: white;
	text-transform: uppercase;
	font-size: 4.25rem;
	letter-spacing: -2%;
	font-style: italic;
	text-shadow: -0.25rem 0.25rem 0rem #ba1b2a, 0rem 0rem 3rem black;
	line-height: 1;
	margin-bottom: 1rem;
}

.sh-text p {
	color: white;
	font-size: 1.5rem;
	line-height: 1.3;
	text-shadow: 0rem 0rem 2rem black, 0rem 0rem 1rem black;
}

.service-main-info {
	background-color: gainsboro;
	background-image: url('images/cogar-service-info.jpg');
	background-size: cover;
	background-position: center center;
	padding-top: 7.5%;
	padding-bottom: 8.5%;
}

.service-main-info.cogar-text h2, .service-main-info.cogar-text p, .call-to-action h2, .call-to-action p {
	color: #302e2e;
}

.why-choose {
	background-color: #b91b2d;
	padding-top: 6%;
	padding-bottom: 8%;
	position: relative;
}

.why-choose h3 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-bottom: 2.5rem;
	background-color: black;
	color: white;
	font-size: 4.25rem;
	padding-left: 42%;
	padding-right: 6%;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -3%;
	line-height: 0.9;
}

.why-choose h3 span {
	display: block;
	color: #b3abab;
}

.why-list {
	padding-left: 43%;
	padding-right: 12%;
}

.why-list ul li {
    font-size: 1.8375rem;
    color: white;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    margin-bottom: 1.625rem;
	letter-spacing: -1%;
}

img.why-img {
	position: absolute;
	top: 8.5%;
	left: 6%;
	width: 30%;
	height: auto;
	box-shadow: 0rem 0rem 2rem #00000061;
}

.call-to-action {
	background-color: white;
	background-image: url('images/call-to-action-bg.jpg');
	background-size: cover;
	background-position: center center;
	padding-top: 7%;
	padding-bottom: 14%;
	text-align: center;
}

.safety-orgs {
	padding-top: 5%;
	padding-bottom: 5%;
	background-color: dimgray;
	background-image: url('images/dark-dirt-texture.jpg');
	background-size: cover;
	background-position: center center;
}

.safety-text {
	padding-left: 10%;
	padding-right: 16%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.safety-orgs .col-lg-9 {
	display: flex;
}

.safety-logo {
	width: 100%;
	aspect-ratio: 1 / 1;
	box-shadow: 0rem 0rem 2rem black;
	background-color: white;
	position: relative;
	margin-bottom: 1rem;
}

.safety-logo:last-child {
	margin-bottom: 0;
}

.sl-inner {
	position: absolute;
	width: 70%;
	height: 70%;
	top: 15%;
	left: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

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

.safety-orgs .headling-group:after {
	background-color: white;
}

.all-logo-box {
	width: 200px;
	margin-bottom: 15px;
}

.logo-square {
	width: 100%;
	aspect-ratio: 1 / 1;
	background-color: white;
	border: 0;
	left: 0;
	top: 0;
	position: relative;
	margin-bottom: 0rem;
	box-shadow: -0.5rem 0.5rem 1rem #0000001c;
	border-top: 4px solid #c3c3c3;
	border-left: 4px solid #c3c3c3;
	border-right: 4px solid #c3c3c3;
}

.logo-grid-outer {
	width: 1080px; /* 5 boxes x 200 + 4 gutters x 20 */
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.logo-square-inner {
	position: absolute;
	width: 70%;
	height: 70%;
	top: 15%;
	left: 15%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    display: flex;
}

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

.all-logo-box h4 {
    font-family: "interstatecondensed-hairline", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1.0625rem;
    line-height: 1.1;
    text-align: center;
    color: black;
    background-color: #c3c3c3;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0.35rem 0.75rem;
    margin: 0;
    box-sizing: border-box;
}

.button-group {
	margin-bottom: 1.75rem;
}

.button-group button {
    font-family: "tilden-sans-extrabold", sans-serif;
    font-weight: 800;
    color: black;
    padding: 0;
    background: transparent;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    font-size: 1.25rem;
    letter-spacing: 14%;
}

.button-group button:after, .button-group button:before {
	display: none;
}

.button-group button.is-checked {
	color: #b91b2d;
}

.dropdown-menu {
    --bs-dropdown-bg: #3c3e40;
    --bs-dropdown-border-radius: 0;
}

ul.cogar-main-nav a.dropdown-item {
	text-align: left;
	align-items: start;
	justify-content: start; 
}

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

.client-grid {
	background-color: #f1f1f1;
}

.history-text {
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: table;
}

.history-text p {
	text-align: left;
}

.history-photos {
	width: 100%;
}

.history-photo-scroll {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.history-photo-track {
	display: flex;
	width: max-content;
	animation: historyPhotoScroll 80s linear infinite;
	align-items: center;
}

.history-photo {
	flex: 0 0 auto;
	margin-right: 1.5rem;
}

.hp-inner {
	overflow: hidden;
	box-shadow: 0rem 0rem 1.5rem rgba(0,0,0,0.35);
}

.hp-inner img {
	display: block;
	width: auto;
	height: 22rem;
	max-width: none;
	object-fit: contain;
}

@keyframes historyPhotoScroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.history-and {
	background-image: url('images/history-bg.jpg');
	padding-top: 8.5%;
	padding-bottom: 8.5%;
}

.ind-we {
	background-image: none;
	background: #ffffff;
	background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(214, 214, 214, 1) 33%, rgba(255, 255, 255, 1) 67%, rgba(214, 214, 214, 1) 100%);
}

.ind-we-left {
	padding-right: 15%;
}

.ind-we-box {
	width: 100%;
	aspect-ratio: 16 / 9;
	background-size: cover;
	background-position: center center;
	margin-bottom: 1.5rem;
	background-color: dimgray;
	box-shadow: -0.5rem 0.5rem 0.75rem #00000038;
	position: relative;
}

.ind-we-box h4 {
	color: white;
	text-transform: uppercase;
	font-size: 1.75rem;
	text-shadow: 0rem 0rem 2rem black;
	line-height: 1;
	font-style: italic;
	letter-spacing: -2%;
	text-align: center;
}

.ind-we-darkener {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #0000004f;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.about-us .call-to-action {
    box-shadow: inset 0rem 6rem 6rem #0000004a;
}

.equipment-grid {
	padding-top: 6%;
	padding-bottom: 6%;
	background-color: gray;
	background-image: url('images/map-texture-bg.jpg');
	background-size: cover;
	background-position: center center;
	box-shadow: inset 0rem 6rem 6rem #00000091;
}

.equip-block {
	width: 92%;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4.75rem;
	box-shadow: -0.5rem 0.5rem 1.5rem #00000054;
}

.eb-img {
	width: 100%;
	aspect-ratio: 1.2 / 1;
	background-size: cover;
	background-position: center center;
}

.eb-text {
    padding: 1.7rem 8% 1.7rem 1.5rem;
    background-color: white;
    width: 100%;
    position: relative;
}

.eb-text h3 {
	color: #b91b2d;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: -3%;
	font-size: 1.7rem;
	line-height: 1.1;	
	margin-bottom: 0.25rem;
}

.eb-text p {
	color: #302e2e;
	line-height: 1.25;
	font-size: 1.25rem;
}

.eb-text p:last-child {
	margin-bottom: 0; 
}

.equipment .history-and {
	background-image: url('images/dark-dirt-texture.jpg');
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
    word-break: normal;
    font-family: halcom, sans-serif;
    font-weight: 700;
}

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

.tg a {
    color: #b91b2d;
}

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

.tg .tg-right {
	color: #302e2e;
	font-size: 1.85rem;
	letter-spacing: -3%;
	text-transform: uppercase;
	font-style: italic;
    font-family: "interstatecondensed-hairline", sans-serif;
    font-weight: 800;
	line-height: 1.1;
}

.contact-right {
	padding-left: 8%;
	padding-right: 8%;
}

.contact-us .service-main-info {
	padding-bottom: 6%;
	box-shadow: inset 0rem -6rem 6rem #00000078; 
}

.google-map iframe {
	width: 100%;
	aspect-ratio: 4 / 1.75;
}

.footer-address a {
	color: #b3b3b3;
	text-decoration: none;
	font-weight: 700;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.footer-address a:hover {
	color: #ba232f;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.projects-section {
	background-color: gainsboro;
	padding-top: 7%;
	padding-bottom: 7%;
	background-image: url('images/projects-bg.jpg');
	background-size: cover;
	background-position: center center;
}

.project-year {
	background-color: white;
	width: 100%;
	box-shadow: 0rem 0rem 3rem #00000040;
	margin-bottom: 3rem;
}

.project-year h3 {
	width: 100%;
	padding: 0.5rem 1.25rem;
	text-align: left;
	color: white;
	background-color: #ba1b2a;
	margin-bottom: 0;
	font-size: clamp(2rem, 3vw, 3rem);
}

.project-list-inner {
    padding-top: calc(1.5rem + 1%);
    padding-bottom: calc(1.5rem + 1%);
    padding-left: calc(1.5rem + 4%);
    padding-right: calc(1.5rem + 44%);
	position: relative;
	background-color: white;
}

.project-list-inner p {
	color: #302e2e;
}

.pl-image {
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 100%;
	overflow: hidden;
}

.pl-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.subpage-hero.has-video {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.subpage-hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
    display: block;
}

.subpage-hero.has-video .sh-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.subpage-hero.has-video > .container-fluid {
    position: relative;
    z-index: 2;
}


.client-list-indent {
    margin-left: 1.5rem;
}

.client-list-indent p {
    margin-bottom: 0;
}

.client-list-indent + p {
    margin-top: 1rem;
}

.subpage-hero.has-video {
    background-color: #333333;
    background-image: none !important;
}














/*==========  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; }
ul.cogar-main-nav li a { padding-left: 2.5rem; padding-right: 2.5rem; }
.service-block h3 { font-size: 1.625rem; }
.logo-grid-outer { width: 980px; }
.all-logo-box { width: 180px; }
.hp-inner img { height: 20rem; }

}

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

html { font-size: 15px; }
.our-services-outer { grid-template-columns: repeat(2, 1fr); }
.logo-box { flex-basis: calc(100vw / 4); }
.video-overlay h2 { font-size: 2.8rem; }
.home-main-info { background-image: url(images/home-main-bg-mobile.jpg); background-size: cover; }
ul.cogar-main-nav li a { padding-left: 1.85rem; padding-right: 1.85rem; }
.home-main-info { padding-top: 7.5%; padding-bottom: 7.5%; }
.logo-grid-outer { width: 780px; } 
.all-logo-box { width: 180px; }
.sh-text h1 { font-size: 3.5rem; }
.service-main-info { background-color: gainsboro; background-image: url(images/cogar-service-info.jpg); }
.why-choose h3 { font-size: 2.75rem; }
.why-list ul li { font-size: 1.5rem; margin-bottom: 1.5rem; }
.contact-right { padding-left: 0; padding-right: 0; margin-top: 4rem; }
.hp-inner img { height: 17rem; }

}

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

html { font-size: 14px; }
.super-nav { font-size: 1.125rem; }
.super-nav span { margin-left: 0.75rem; margin-right: 0.75rem; }
.cogar-text h5, .headline-group h5 { padding: 0.3rem 1.2rem 0.5rem; font-size: 1rem; }
.cogar-text h2, .cogar-text h1, .headline-group h2, .headline-group h1 { font-size: 2.5rem; }
.footer-logo { padding-left: 5%; padding-right: 5%; margin-bottom: 3rem; }
.footer-address { text-align: center; }
ul.cogar-main-nav { display: none; }
.mobile-opener { display: flex; margin-left: auto; margin-right: 2rem; margin-top: 55%; }
.cn-right { width: 65%; }
.cn-left { width: 35%; } 
.video-wrap { aspect-ratio: 1.4 / 1; }
.logo-grid-outer { width: 640px; }
.logo-grid-outer { width: 580px; }
.all-logo-box { width: 180px; }
.safety-logo { width: 30.33%; margin-left: 1%; margin-right: 1%; display: inline-block; vertical-align: top; }
.safety-logos { display: block; text-align: center; margin-bottom: 3rem; }
ul.cogar-mobile-nav a.dropdown-item { text-align: left; align-items: start; justify-content: start; font-size: 1.75rem;  }
.hp-inner img { height: 14rem; }

}

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

html { font-size: 13px; }
.video-wrap { aspect-ratio: 1.1 / 1; }
.video-overlay { width: 80%; }
.video-overlay h2 { font-size: 2.2rem; }
.logo-grid-outer { width: 460px; }
.all-logo-box { width: 140px; }
.sh-text h1 { font-size: 2.75rem; line-height: 1; }
.sh-text p { font-size: 1.25rem; }
.button-group button { font-size: 1.25rem; font-size: 1.25rem; letter-spacing: 0; margin-left: 0.5rem; margin-right: 0.5rem; }
.google-map iframe { aspect-ratio: 4 / 3; }
.hp-inner img { height: 11rem; }
.history-photo { margin-right: 1rem; }

}

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

html { font-size: 12px; }
.our-services-outer { grid-template-columns: 1fr; }
.logo-box { flex-basis: calc(100vw / 3); padding: 0 1rem; }
.logo-box img { max-height: 70px; }
.overlay-content { padding-top: 75%; }
.video-wrap { aspect-ratio: 0.7 / 1; }
.video-overlay img { width: 75%; }
.video-overlay h2 { font-size: 2rem; }
.cogar-text h5, .headline-group h5 { padding: 0.3rem 1.2rem 0.35rem; }
.home-main-info { padding-top: 15%; padding-bottom: 15%; }
.our-services { padding-top: 15%; padding-bottom: 15%; }
.logo-grid-outer { width: 220px; }
.all-logo-box { width: 100px; }
.all-logo-box h4 { font-size: 0.7rem; line-height: 1; padding-left: 5%; padding-right: 5%; }
.cogar-text h2, .cogar-text h1, .headline-group h2, .headline-group h1 { font-size: 2rem; letter-spacing: -3%; }
.cogar-text h5, .headline-group h5 { padding: 0.3rem 1.2rem 0.35rem; font-size: 0.875rem; }
.subpage-hero { aspect-ratio: 10 / 8; padding-top: 38%; padding-bottom: 5%; }
.why-choose h3 { padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1.5rem; font-size: 1.75rem; }
.why-list ul li { font-size: 1.25rem; margin-bottom: 1.25rem; }
img.why-img { top: 2.5%; }
.footer-logo img { max-width: 210px; }
.hp-inner img { height: 8rem; }
.history-photo { margin-right: 1rem; }
@keyframes historyScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

}