@charset "UTF-8";

/* RESET */
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}

:root {
	--white:#fff;	
	--nearwhite: #f0f0f0;	
	--offwhite:#e2e2e2;	
		
	--ltgreen:#adbe94;
	--degreen:#51682f;	
	--drkgreen:#2e4310;
	
	--ltgray: #828282;
	--mdgray: #646464;
	--gray:#4c4c4c;
	
	--offblack: #282828;
	--nearblack: #1c1c1c;	
	--black: #111;
}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-size:100%; font-family: "elza", sans-serif !important; background:var(--white);}

/* SELECTION */	
::selection {color:var(--white); background:var(--degreen);}
::-moz-selection {color:var(--white); background:var(--degreen);}

/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}


em {font-style:italic;}
strong {font-weight: 700;}


/*

font-family: "elza", sans-serif;

*/

.col-tainer {position:relative; z-index:1; display:flex; flex-flow:row wrap; gap:2%;}
.col-1-1 {width:100%; margin:0;}
.col-1-2 {width:49%; margin:0 auto;}
.col-1-3 {width:32.3%; margin:0;}
.col-2-3 {width:65.6%; margin:0;}



/*  BUTTONS
------------------------------------------------*/
a.solid-button {position:relative; display:inline-block; margin:5px; padding:20px 50px; font-weight:400; text-transform: uppercase; color:var(--white); border-radius:18px; background:var(--degreen);}
a.solid-button:hover {text-decoration:none; background:var(--offblack); transform: scale(1.05);}

a.solid-alt {font-weight:700; text-transform: uppercase;  color:var(--white); background:var(--nearblack);}
a.solid-alt:hover {text-decoration:none; color:var(--nearwhite);}

a.outline-button {position:relative; display:inline-block; margin:5px; padding:20px 50px; line-height:1; font-weight:400; text-transform: uppercase; color:var(--degreen); border:2px var(--degreen) solid; border-radius:18px; background:transparent;}
a.outline-button:hover {text-decoration:none; color:var(--nearblack); border:2px var(--nearblack) solid; transform: scale(1.05);}




/* HEADER
------------------------------------------------*/	
.global-header {display:flex; flex-flow:row wrap; align-items: center; gap:3%; padding-right:2.5%; background:var(--degreen);}	
	

/* LOGO
------------------------------------------------*/	
.logo {display:inline-block; margin:0 auto 0 0; padding:20px 70px 20px 50px; border-top-right-radius:90px; border-bottom-right-radius:90px;  background:var(--white);}
.logo img {width:100%; max-width:330px; filter: brightness(0) saturate(100%) invert(35%) sepia(46%) saturate(443%) hue-rotate(42deg) brightness(94%) contrast(94%);}	


/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {position:relative; z-index:500; margin:0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around;  margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	position:relative; display:block; margin:0 10px; padding:12px 0; font-size:20px; line-height:1; font-weight:600; text-align:center; text-decoration:none; text-transform:uppercase; color:var(--white); cursor:pointer; transition:.25s ease;	
}	

nav.primary ul li a:hover {color:var(--ltgreen);}

nav.primary ul li a::after {content:''; position:absolute; z-index: 1; bottom:0; left:-2px; width:0; height:2px; background:var(--degreen); transition:.5s ease;}
nav.primary ul li a:hover::after {width:100%; height:2px; background:var(--drkgreen);}


/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: auto;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
padding:15px 0; text-align:left; color:#fff; border:0; background: #181818;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}


.head-phone {font-size:24px; line-height:1; font-weight:700; color:var(--white);}
.head-phone a {transition:.25s ease;	}
.head-phone a::before {content: "\f3cf"; position:relative; z-index:2; margin-right: 10px; font-size:20px; color:var(--ltgreen); font-family: FontAwesome;}


/*  HERO
------------------------------------------------*/
.hero {position:relative; z-index: 1; padding:10% 0; border-bottom-right-radius:310px; overflow:hidden; background:var(--drkgreen) /*url("/siteart/hero/stainless-liquid-chemical-tank-trailer-polar.jpg") no-repeat center; background-size: cover;*/}
.hero::after {content:'';  position:absolute; z-index: 0; top:0; left:0; width:100%; height:100%; border-bottom-right-radius:310px;background: #272E1C; background: linear-gradient(270deg, rgba(39, 46, 28, 0.15) 0%, rgba(39, 46, 28, 0.38) 68%);}

.hero-overlay {position:relative; z-index: 1; margin:0 auto 0 5%;}
.hero-overlay h1 {font-size:72px; line-height:1.02; font-weight:800; text-transform: uppercase; text-align:left; color:var(--nearwhite);}

.hero .cycle-slideshow {position:absolute; z-index:0; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; margin:0; padding:0; box-sizing: border-box;}
.hero .cycle-slideshow img {width:100%;}


/*  COMPANY INTRO
------------------------------------------------*/
.default-intro {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:center; gap:5%; margin:calc(3% + 30px) 7% calc(5% + 30px) 7%;}

.intro-body {flex:1;}
.intro-body h2 {margin-bottom:25px; font-size:50px; line-height:1; font-weight:800; text-transform:uppercase; color:var(--offblack);}
.intro-body h2 span{font-size:36px;}
.intro-body p {font-size:20px; line-height:32px;}

.intro-block-wrap {display:flex; flex-flow:row wrap; justify-content:center; gap:50px;}
.intro-block {
	--r: 30px; /* the radius */
	--s: 30px; /* size of inner curve */
	--x: 20px; /* horizontal offset (no percentage) */
	--y: 20px; /* vertical offset (no percentage) */
  
	display: flex; flex-flow:column wrap; justify-content: space-between;
	box-sizing: border-box; width:350px; padding:22px 18px;	

	background: var(--degreen);

	aspect-ratio: 1 / 1.1;	
	border-radius: var(--r);
	--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
	--_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
	--_d:(var(--s) + var(--r));
	mask:
	calc(100% - var(--_d) - var(--x)) 0 var(--_m),
	100% calc(var(--_d) + var(--y)) var(--_m),
	radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
	 calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
	var(--_g) calc(-1*var(--_d) - var(--x)) 0,
	var(--_g) 0 calc(var(--_d) + var(--y));
	mask-repeat: no-repeat;
}

.intro-block:nth-of-type(2n) {background: var(--gray);}
.intro-block:nth-of-type(2n) .iblock-icon {color:var(--gray);}
.intro-block:nth-of-type(2n) a {color:var(--white); background:var(--ltgray);}

.iblock-icon {width:60px; height:60px; font-size:38px; line-height:60px; text-align:center; color:var(--degreen); border-radius:20px; background:var(--white);}
.iblock-title {margin-top:10px; font-size:50px; color:var(--white);}

.intro-block p {margin:15px 0 auto 0; font-size:18px; font-weight:300; color:var(--white);}

.intro-block a {display:block; box-sizing:border-box; width:100%; padding:18px; font-size:18px; font-weight:700; font-style:italic; text-align:center; color:var(--drkgreen); border-radius:28px; background:var(--ltgreen);}

  
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrollinginv{width:100%; height:90px;}


/*  CATEGORY SECTION
------------------------------------------------*/
.category-section {display:flex; flex-flow:row wrap; /*align-items:flex-start;*/ margin:calc(8.5% + 30px) 0;}

.cat-photo {Overflow:hidden; position:relative; flex:1; width:100%; max-width:600px; border-top-right-radius: 160px;}
.cat-photo img {width:auto; max-width:100%; height:100%;object-fit: cover; object-position:33% 50%;}

.cat-photo,
.cat-links {display:none;}

.cat-photo.active,
.cat-links.active {display:block; }


.category-body {flex:1; margin: 0 5%; }

.cat-intro h2 {position:relative; margin-bottom:35px; font-size:50px; font-weight: 800; text-transform: uppercase;}
.cat-intro h2::after {content:''; position:absolute; z-index: 1; left:10px; bottom:-10px; width:80%; max-width:400px; height:6px; background:var(--degreen);}
.cat-intro p {font-size:28px; font-weight:300; }
.cat-intro p strong {font-weight:500; }

.cat-subtitle{margin-bottom:10px;font-size: 26px; font-weight: 600; font-style:italic; color:var(--offblack);}

a.cat-button {position:relative; display:inline-block; margin:5px; padding:12px 18px; font-size:18px; font-weight:400; color:var(--offblack); border-radius:18px; background:var(--ltgreen);}
a.cat-button:hover {text-decoration:none; color:var(--white); background:var(--offblack);}


.tab-container {margin:40px;}
.tabs {gap:8px; margin-bottom:45px;}
button.tab {font-family: "elza", sans-serif;}
.tab {
  cursor: pointer;
  position:relative; display:inline-block; margin:5px; padding:20px 50px; font-size:20px; font-weight:400; color:var(--offblack); border-radius:18px; background:var(--ltgreen);
  transition: background 0.3s ease;
}

.tab:hover {text-decoration:none; color:var(--white); background:var(--offblack);}
.tab.active {font-weight:600;color:var(--white); border-radius:18px; background:var(--degreen);}

.cat-links {display:none;}
.cat-links.active {display:block;}




/*  SERVICES HOME INTRO
------------------------------------------------*/
.services-home {display:flex; flex-flow:row wrap; gap:50px; margin:calc(5% + 30px) 8%;}

.services-intro {display:flex; flex-flow:column wrap; align-items: flex-end; gap:30px;}
.service-heading {position:relative; margin-right:35px; font-size:50px; font-weight: 800; text-align: right; text-transform: uppercase;}
.service-heading::after {content:''; position:absolute; z-index: 1; top:0; right:-25px; width:6px; height:100%; background:var(--degreen);}

.services-body {flex:1;}
.services-body p {font-size:20px; line-height:32px;}




/*  SUB HERO
------------------------------------------------*/
.sub-hero {position:relative; width:100%; color:var(--nearwhite); background:var(--nearblack);}
.sub-hero::after {content:''; position: absolute; z-index:1; bottom:0; width:100%; height:100%; background: #1C1C1C; background: linear-gradient(15deg, rgba(28, 28, 28, 0.67) 0%, rgba(28, 28, 28, 0) 100%);}

.sub-hero-wrap {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:5; width: 95%; margin: 0 auto; padding:50px 0 30px 0; text-align: center;}
.sub-hero-wrap h1 {margin-bottom: 20px; font-size:64px; font-weight:900;  text-align:left; text-transform: uppercase;}
.sub-hero.gallery-hero h1{font-size:28px; text-transform: none;}
.sub-hero-wrap .sub-hero-intro {margin-bottom: 20px; font-size:20px; line-height:1.5; font-weight:300; text-align:center;}

.sub-hero img {width: 100%; height:280px; object-fit: cover; object-position: center center;}
.sub-hero-mobile {display: none;}



/*  BREADCRUMBS
------------------------------------------------*/
.bread-nav {display:flex; gap:10px; margin: 0 auto; padding:20px 5%; background:var(--nearwhite);}
.bread-nav p,
.bread-nav p a {font-size: 16px; line-height:1; color:var(--offblack);}


/*  INV MAIN
------------------------------------------------*/
.inv-main {padding:calc(25px + 1.5%) 5%;}


/*  SUB MAIN
------------------------------------------------*/
.sub-main {box-sizing:border-box; width:100%; margin: 0 auto; padding:calc(35px + 1.5%) 5%;}

.sub-main h1 {margin-bottom:35px; font-size:33px; text-transform: uppercase; font-weight:700;}
.sub-main h2 {margin-bottom: 20px; font-size:25px; text-transform:capitalize; font-weight:700; color:var(--csred);}
.sub-main h3 {margin-top: 30px; margin-bottom: 20px; font-size:23px; font-weight:700; color:var(--offblack);}
.sub-main h4 {margin-bottom: 20px; font-size:26px; font-weight:700; color:var(--csred);}

.sub-main p {margin-bottom: 20px;font-size: 20px; line-height:28px; font-weight:300;}
.sub-main p a {font-weight:600;  color:var(--csred) !important;}
.sub-main p a:hover {text-decoration:none;}

.sub-main ul,
.sub-main ol {margin-left:15px; font-size: 20px; line-height:33px; list-style:inside;}



/*  CONTACT ITEMS ICONS
------------------------------------------------*/
.contact-items {/*width:45%;*/ margin:25px 0 25px 15px; font-size:20px; line-height:1.25;}
.contact-items a{position:relative; display:inline-block; margin:25px 0 25px 65px; font-size:20px; font-weight:800;  word-break: break-all;}
.contact-items a span {font-size:16px; font-weight:500;}
.contact-items a:hover {color:var(--nearblack);}

.contact-items a[href^="tel:"] {position:relative;}
.contact-items a[href^="tel:"]::before {
	content: "\f095"; position: absolute; z-index:2; top:-3px; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--matsred); background:var(--offwhite); font-family: FontAwesome; 
}

.contact-items a[href^="mailto:"] {position:relative; }
.contact-items a[href^="mailto:"]::before {
	content: "\40"; position: absolute; z-index:2;  top:-3px; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--matsred); background:var(--offwhite); font-family: FontAwesome;
}

.contact-items a[href^="fax:"] {position:relative;}
.contact-items a[href^="fax:"]::before {
	content: "\f1ac"; position: absolute; z-index:2; top:-3px; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all;   
	font-size:30px; line-height:55px;  text-align: center; color:var(--matsred); background:var(--offwhite); font-family: FontAwesome;
}

.contact-items a[target="_blank"] {}
.contact-items a[target="_blank"]::before {
	content: "\f3c5"; position: absolute; z-index:2;  top:-3px; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--matsred); background:var(--offwhite); font-family: FontAwesome;
}

.contact-items a[aria-label="Facebook"] {}
.contact-items a[aria-label="Facebook"]::before {
	content: "\f39e"; position: absolute; z-index:2;  top:-3px; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all;  	
	font-size:30px; line-height:55px;  text-align: center; color:var(--matsred); background:var(--offwhite); font-family: FontAwesome;
}

.contact-items a:hover::before {background:var(--degreen);}



/*  CONTACT SECTION
------------------------------------------------*/
.contact-section {display:flex; flex-flow:row; gap:35px; margin:0 0 calc(5% + 30px) 0;  font-size:20px;}
iframe.contact-map {overflow:hidden; position:relative; z-index:5; border-top-right-radius:50px; border-bottom-right-radius: 25px;}

.contact-body {
	display: flex;
    flex-flow: column;
    justify-content: space-between;
	box-sizing:border-box; min-width: fit-content; margin:-30px 0; padding:50px 80px;
	color:var(--white); border-top-left-radius:80px; border-bottom-left-radius:80px; background:var(--gray);
}

.contact-body img.contact-logo {width:100%; max-width: 190px;}
.contact-body .contact-hours {font-size:18px;}





/*  FOOTER
------------------------------------------------*/
.global-footer {display:flex; flex-flow:column; align-items: center; margin-top:calc(2.5% + 30px); background:var(--offwhite);}

.foot-logo {display:inline-block; margin:0 30px; padding:30px 50px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background:var(--white); filter: drop-shadow(0px 3px 2px rgba(0,0,0,.3));}
.foot-logo a {display:inline-block; text-align: center;}
.foot-logo img {width:100%; max-width:242px; filter: brightness(0) saturate(100%) invert(35%) sepia(46%) saturate(443%) hue-rotate(42deg) brightness(94%) contrast(94%);}	

.foot-nav {position:relative; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; gap:40px; margin:70px auto 95px auto; padding:0;}
.foot-nav ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; gap:30px; margin:0; padding:0;}
.foot-nav ul li {margin:0; padding:0; list-style-type:none;}	
.foot-nav ul li a {
	display:block; margin:0 10px; padding:12px 0; font-size:20px; line-height:1; font-weight:300; letter-spacing:0.75px; text-align:center; text-decoration:none; text-transform:uppercase; color:var(--mdgray); cursor:pointer; transition:.5s ease-in;	
}	
.foot-nav ul li a:hover {color:var(--degreen);}

.foot-contact {font-size:22px; line-height:1; font-weight:500;color:var(--degreen);}

.foot-copyright {padding:30px; font-weight:300; text-align:center; color:var(--white); background:var(--degreen);}



/************************************************ Responsive Styles **/

@media screen and (max-width: 1450px) {
	.logo img {max-width:230px;}
	nav.primary ul li a {margin:0 8px; padding:12px 0; font-size:18px;}
	
	.intro-block-wrap {flex-flow:column wrap;}
}
	
@media screen and (max-width: 1250px) {
	.global-header {gap:5%; padding-right:0;}

	.logo {display:inline-block; margin:15px auto 15px 0;}
	.logo img {max-width:200px;}
	
	nav.primary ul li a {margin:0 5px; padding:12px 0; font-size:17px;}
	
	.head-phone span {display:none;}
	.head-phone a {padding:20px 33px; border-top-left-radius:47px; border-bottom-left-radius:47px; background:var(--ltgreen);}
	.head-phone a::before {margin-right:0;color:var(--drkgreen); font-family: FontAwesome;}
	
	
	.hero {border-bottom-right-radius: 210px;}
	.hero::after {border-bottom-right-radius:210px;}
	.sub-hero img {height:200px;}
	
	.services-home {flex-flow:column; margin:calc(8.5% + 30px) 5% calc(12% + 30px) 5%;}
	
	.services-intro {align-items: flex-start;}
	.service-heading {margin-right:0; margin-left:35px; text-align:left;}
	.service-heading::after {right:0; left:-25px;}
	
	
	.cat-photo{display:none !important;}	
}

@media screen and (max-width: 1024px) {	
	nav.primary{display:none;}
	#menu-button{display:inline-block; position: relative; z-index:400;}
	#menu-button a{padding:0; font-size:24px; line-height:1;text-decoration: none; color:var(--white); cursor:pointer;}
	#menu-button a:hover {color:var(--black);}
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:var(--offwhite);
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a {color:#ccc; text-decoration:none; cursor:pointer;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; left: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color:var(--black); text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color:var(--gray);}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; margin:0; padding:0;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color:var(--black);
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		letter-spacing:2px; 
		font-weight: 600;
		text-transform: uppercase;
		text-decoration: none;
		padding:20px 35px 20px 20px;
		cursor:pointer;
	}
	nav.mobile ul li a:hover {letter-spacing:1px; color:var(--drkgreen); /*background:rgba(45,45,45,0.5);*/ background:var(--ltgreen); }
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	.hero {padding:15% 0; border-bottom-right-radius:150px;}
	.hero::after {border-bottom-right-radius:150px;}
	.hero-overlay {margin: 0 5%;}
	
	.intro-block-wrap {flex-flow:row wrap; margin-top:calc(3% + 30px) ;}
	
	.contact-section {flex-flow:column-reverse;}
	iframe.contact-map {overflow:hidden;width:100%; margin:0 auto; border-radius: 0;}
	.contact-body {gap:15px; width:95%; margin:0 auto; padding:50px 80px; text-align: center; border-radius:80px;}
	.contact-body img.contact-logo {margin:0 auto;}
	
	
}

@media screen and (max-width: 768px) {
	.logo {padding:15px 30px 15px 25px;}
	.logo img {max-width:180px;}
	
	.hero {padding:15% 0; border-bottom-right-radius:0;}
	.hero::after {border-bottom-right-radius:0;}
	.hero-overlay h1 {font-size:60px;}
	
	.sub-hero h1 {font-size:33px;}
	.sub-hero-desktop {display:none;}
	.sub-hero-mobile {display:block}
	
	.cat-intro h2 {font-size:35px;}	
	
	.tabs {display: flex; flex-flow: column wrap;}
	
	.tab-container {margin:25px;}
	.service-heading {font-size:35px;}
	
	.foot-logo {padding:30px;}
	
	.foot-nav,
	.foot-nav ul  {flex-flow:column wrap;}
	.foot-nav ul li a {margin:0; padding:12px;}	
}

@media screen and (max-width: 600px){
	.sub-hero img {height:400px;}
}

@media screen and (max-width: 450px){
	
	
	.head-phone a {padding:20px 25px;}
	.hero-overlay h1 {font-size:50px;}
}

@media screen and (max-width: 400px){
	.logo img {max-width:135px;}
}