@charset "UTF-8";
/*!
* Copyright 2024 HM CONSTRUCTION, LLC
*/
/* SITE STYLES
/***************************************************************************
 * LOAD DEPENDENCIES
\***************************************************************************/
/***************************************************************************
 * OVERRIDE THEME STYLES
\***************************************************************************/
:root {
		color-scheme:light only;
		--hm-blue:#4f99af;
	--hm-orange:#ff7200;
	--hm-darkblue:#22222e;
		--hm-bordercolor:rgba(0,0,0,0.75);
	--hm-blue-subtle:rgba(79,153,175,0.2);
}
.site-container-fluid {
	max-width:1600px; }
label.cb {
	display:block;
}
label.cb,
label.cb > input[type="checkbox"] {
	cursor:pointer;
}
.bold {
	font-weight:bold !important;
}
.img-rounded-border {
	border:1x solid rgba(0,0,0,0.15);
	border-radius:10px;
}
.img-shadow {
	box-shadow:0px 10px 15px rgba(0,0,0,0.15);
}
/***************************************************************************
* ANIMATIONS
\***************************************************************************/
.revealUp {
	opacity:0;
	transition:all 500ms linear;
	transform:translate3d(0px, 200px, 0px);
}
.revealUp.in-view {
	opacity:1;
	transform:translate3d(0px, 0px, 0px);
}
.sizeUp {
	opacity:0.8;
	transition:all 500ms linear;
	font-size:20px;
}
.sizeUp.in-view {
	opacity:1;
	font-size:40px;
}
/***************************************************************************
 * STRUCTURAL LAYOUT
\***************************************************************************/
html {
	font-size:62.5%; 	scroll-behavior:smooth;
}
html,
body {
	width:100%;
	margin:0;
	overflow-x: hidden; }
body
{
	background:#fff;
	color:#000;
	border-top:5px solid var(--hm-blue);
		font-family: "Raleway", sans-serif;
	font-style: normal;
	font-size:1.6rem;
	font-optical-sizing: auto;
	font-display: swap; }
main {
 position:relative;
}
h1, h2, h3, h4, h5, h6 {
	font-display: swap;
	text-rendering:optimizeLegibility;
}
a {
	color:#000;
	text-decoration: none;
	text-transform: none;
 transition: color 0.3s; }
a:active,
a:hover {
	text-decoration: none;
}
a:visited {}
p {
}
h1 {
	font-size:6rem;
	font-weight:500;
	margin-bottom:20px;
}
h2 {
	color:#b8b8bc;
	color:#d3d3d3;
	font-weight:500;
	font-size:3.6rem;
	margin-bottom:40px;
}
h2.underline-full:after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:100%;
	margin-top: 10px; 	width:100%;
	height:4px;
	background:#c18938;
}
h2.underline:after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:100%;
	margin-top: 10px; 	width:50%;
	height:2px;
	background:#c18938;
}
main h2 {
	color:var(--hm-blue);
}
h3 {
}
h3 {
 position:relative;
 display:inline-block;
}
h3.underline:after {
 content: '';
 position: absolute;
 bottom: -10px; left: 0;
 width: 50px; height: 3px; background-color:var(--hm-blue); }
h4 {
}
h5 {
}
.img-rounded-border {
}
p.lead {
	font-size:2.4rem;
	font-weight:600;
	color:rgba(0,0,0,0.65);
}
.equal-height {
 display: flex;
}
.page-section {
 padding-top:80px;
 padding-bottom:80px;
}
.page-section.white {
 background-color:#fff;
 border-top:1px solid #d9d9d9;
 border-bottom:1px solid #d9d9d9;
}
.page-section.blue {
 background-color:var(--hm-darkblue);
 color:#fff;
}
.container-split-img-txt > .row > .col-6:last-child {
 padding:10rem;
}
.container-split-img-txt.blue > .row > .col-6:first-child{
 order:2;
}
.container-split-img-txt.blue > .row > .col-6:last-child,
.container-split-img-txt.blue > .row > .col-12:last-child {
 background-color:var(--hm-darkblue);
 color:#fff;
}
.container-split-img-txt > .row > .col-12:last-child {
 padding:40px 40px;
}
#frmQuickContactContainer {
 margin-top:100px;
}
#frmQuickContact {}
#frmQuickContact button[type="submit"].btn-primary {
 font-size:21px;
}
#frmContactContainer,
.form-box-container {
 background-color:rgba(160,160,160,0.1);
 border:1px solid #d9d9d9;
 border-radius:5px;
 padding:20px;
 font-weight:bold;
 box-shadow:0px 0px 15px rgba(0,0,0,0.2);
}
#frmContactContainer .form-control,
#frmContactContainer .form-select
{
 margin-bottom:20px;
}
#frmQuickContactContainer {
 position:relative;
}
#frmQuickContactContainer::before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:60%;
 height:5px;
 background-color:var(--hm-blue); }
#hero-cta-btn {
 margin-top:30px;
}
.btn-outline-primary {
 color: #000; border-color: #000;
 text-transform:uppercase;
 border-radius:0px;
 font-size:18px;
 font-weight:600;
 padding:10px 20px 10px 20px;
 border-width:2px;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
 background-color: var(--hm-blue);
 border-color: var(--hm-blue);
}
.btn-outline-primary:hover {
 color: #fff; background-color: #000; border-color: #000; }
.btn-outline-primary.white {
	border-color:#fff;
	color:#fff;
}
.btn-outline-primary.white:hover {
	border-color:#fff;
	background-color:rgba(255,255,255,0.9);
	color:#000;
}
.soft-rounded-input {
 border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border: 1px solid #ced4da; padding: 0.8rem 1rem !important; }
.soft-rounded-textarea {
 border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border: 1px solid #ced4da; padding: 0.375rem 0.75rem; }
.form-box-container h3 {
	display:block;
	font-weight:bold;
	margin-bottom:25px;
}
#frmQuickContact {
}
#frmQuickContact button[type="submit"].btn-primary {
 font-size:21px;
}
#frmContactContainer,
.form-box-container {
 background-color:rgba(160,160,160,0.1);
 border:1px solid #d9d9d9;
 border-radius:5px;
 padding:20px;
 font-weight:bold;
 box-shadow:0px 0px 15px rgba(0,0,0,0.2);
}
#frmContactContainer .form-control,
#frmContactContainer .form-select
{
 margin-bottom:20px;
}
.form-control,
select.form-select {
 font-size:1.6rem;
}
span.req {}
span.req::after {
 content:'*';
 color:var(--hm-blue);
}
#frmQuickContactContainer {
 position:relative;
}
#frmQuickContactContainer::before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:60%;
 height:5px;
 background-color:var(--hm-blue); }
@keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translateY(20px);
 }
 100% {
 opacity: 1;
 transform: translateY(0);
 }
}
@keyframes fadeOutUp {
 0% {
 opacity: 1;
 transform: translateY(0);
 }
 100% {
 opacity: 0;
 transform: translateY(-20px);
 }
}
@keyframes fadeInHero {
 from { opacity: 0; }
 to { opacity: 1; }
}
@media (min-width: 768px) {
 .animate {
 animation-duration: 0.3s;
 -webkit-animation-duration: 0.3s;
 animation-fill-mode: both;
 -webkit-animation-fill-mode: both;
 }
}
@keyframes slideIn {
 0% {
 transform: translateY(1rem);
 opacity: 0;
 }
 100% {
 transform: translateY(0rem);
 opacity: 1;
 }
 0% {
 transform: translateY(1rem);
 opacity: 0;
 }
}
@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1;
	}
	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}
.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}
.hm-form-control {
	border:2px solid var(--hm-bordercolor) !important;
	border-radius:0 !important;
	font-size:1.2rem !important;
}
.navbar-nav .dropdown-menu .dropdown-item:active,
.navbar-nav .dropdown-menu .dropdown-item:focus {
 background-color: var(--hm-blue); }
/*********************** REUSABLE SECTIONS **************************************/
/***** RECENT BLOG POST SECTION *****/
#RecentBlogPosts .blog-post {
 text-align: center;
 padding: 15px;
}
#RecentBlogPosts .blog-post-image {
	width: 100%; 	height: 250px; 	overflow: hidden; 	border-radius: 5px;
}
#RecentBlogPosts .blog-post-image img {
 opacity:0.90;
 width: 100%;
 height: 100%;
 object-fit: cover; transition: opacity 0.4s ease;
 border-radius: 5px; }
#RecentBlogPosts .blog-post-image img:hover {
	opacity:1;
}
#RecentBlogPosts .blog-post-content {
 margin-top: 10px;
 text-align:left;
}
#RecentBlogPosts .blog-post-category {
 display: inline-block;
 background-color:var(--egi-purple);
 color:#fff;
 padding: 3px 8px;
 border-radius:5px;
 font-weight:600;
 font-size:11px;
 margin-bottom:5px;
}
#RecentBlogPosts .blog-post-content h5 {
	margin-left:0px;
	padding-left:0px;
}
#RecentBlogPosts .blog-post-time {
 display: block;
 color: #666;
 margin: 5px 0;
}
#RecentBlogPosts .blog-post-title {
	padding:5px 10px;
}
#RecentBlogPosts .blog-post-title a {
 color: #000;
 text-decoration: none;
 font-size: 1em;
 font-weight:700;
}
#RecentBlogPosts .blog-post-title a:hover {
 color: var(--egi-orange) !important;
}
/****************************** END REUSABLE SECTIONS ***************************/
.navbar-custom {
	height: 110px;
}
header > nav.navbar {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6) !important;
}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
	color: rgba(255,255,255,1);
}
.navbar-custom .navbar-nav {
	position: relative;
	top: 5px;
}
.navbar-custom .navbar-nav .nav-link {
	color:#000;
	font-weight: bold;
	padding: 8px;
	padding-right: 25px;
	 	 }
.navbar-custom .nav-link-ghost-btn {
	outline: 2px solid rgba(193,137,56,0.8);
	padding: 10px !important;
}
.navbar-custom .nav-link-ghost-btn:hover {
	outline: 2px solid rgba(193,137,56,1);
	background-color:rgba(193,137,56,1);
}
.navbar-custom .dropdown-menu {
	background-color:rgba(13,13,43, 0.9);
}
.navbar-custom .dropdown-menu .dropdown-item {
	border:1px solid rgba(255,255,255,0.075);
	padding-top:15px;
	padding-bottom:15px;
	text-wrap:no-wrap;
}
.navbar-custom .dropdown-menu .dropdown-item:hover {
	background-color:rgba(0,0,0,1);
}
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
}
.numberCircle {
 border-radius: 50%;
 width: 40px;
 margin-right: 15px;
 display: inline-block;
 height: 40px;
 padding: 6px;
 background: #c18938;
 color: #fff;
 text-align: center;
}
.btn-signup-lg {
	font-size: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
nav.navbar {
	padding-bottom:20px;
}
img#logo-header {
	height:auto;
	width:225px;
	max-width:100% !important;
	position:relative;
	top:6px;
}
.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}
.nav-scroller .nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	color: rgba(255, 255, 255, .75);
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.nav-underline .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: .875rem;
	color: #6c757d;
}
.nav-underline .nav-link:hover {
 color: #007bff;
}
.nav-underline .active {
 font-weight: 500;
 color: #343a40;
}
.text-white-50 { color: rgba(255, 255, 255, .5); }
.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }
div.navbar-collapse ul.navbar-nav li {
	text-align: center;
}
#secondary-nav {
 font-weight: bold;
 font-size:11px;
 text-transform: uppercase;
 padding-left:5vw;
 padding-right:5vw;
 top:5px;
}
#secondary-nav-inner {
 position:relative;
 left:3px;
}
nav button.navbar-toggler {
 position: relative;
 top:0px;
}
img.dropshadow {
	box-shadow:0px 0px 12px rgba(0,0,0,0.25);
}
header {
	position:relative;
}
header .header-bar {}
.header-bar {
	position: relative; 	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;
	padding-bottom: 2rem;
}
header .logo-container {
	width: 100%; 	display: flex;
	justify-content: center; 	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:10px;
}
#header-bar #btnCtaContact {
	display:block;
	margin-top:1rem;
	margin-bottom:1rem;
	font-weight:700;
	font-size:1.2rem;
	padding:5px;
	background-color:var(--hm-darkblue);
	color:#fff !important;
 transition:background-color 0.5s;
}
#header-bar #btnCtaContact:hover {
	background-color:var(--hm-blue);
}
#hm-phone {
	display:block;
	margin-bottom:10px;
	font-weight:bold;
}
#hero-content {
 z-index:2;
}
.text-emphasis {
 font-weight:700;
 border-bottom:5px solid var(--hm-blue);
 letter-spacing:0.1rem;
 padding-bottom:2px;
}
#logo-header {
	max-width: 200px;
}
#right-header {
	position: absolute; 	right: 1rem; 	top: 40%; 	transform: translateY(-50%); 	text-align: right;
	padding-top: 10px;
	padding-right: 40px;
}
.social-icons {
	font-size: 1.5rem; }
.social-icons > ul {
	list-style: none;
}
.social-icons > ul li {
	display: inline-block;
	list-style-type: none;
	margin-left: 20px;
}
#social-icons ul li a {
	color: var(--hm-darkblue);
}
#social-icons ul li a:active,
#social-icons ul li a:hover {
	color: var(--hm-blue);
}
#social-icons ul li .fa-brands {
	font-size: 3.2rem;
}
#header-bar nav {
	margin-top: 40px;
}
header .nav-item {
	padding: 0 15px; }
header .nav-item > .nav-link {
	color: var(--hm-darkblue);
	font-weight: 500;
	text-transform: uppercase;
}
header .nav-item > .nav-link:hover {
	color: var(--hm-blue);
}
header .nav-item:not(:last-child) {
	border-right: 1px solid rgba(0,0,0,0.25); }
.navbar-toggler {
 border: none; outline: none; }
.navbar-toggler-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler:hover {
 background-color: rgba(0, 0, 0, 0.1); }
.navbar-toggler .ms-2 {
	position:relative;
	top:2px;
}
#navServicesDropdown .dropdown-item {
	text-align:left;
	font-size:1.5rem;
	font-weight:500;
	padding:10px 15px;
	border-bottom:1px solid #d9d9d9;
	min-width:160px;
}
#navServicesDropdown .dropdown-item:hover {
	background-color:var(--hm-blue-subtle);
}
.modal-header{
	display: block !important;
}
.df-crud-dialog {
	display:none;
}
.df-crud-dialog form label {
	margin-top:10px;
}
h4.modal-title {
	color: #fff !important;
	font-size: 16px;
}
.modal-header .close {
	color: #fff;
}
.page-section.gray {
 background-color:#f0f0f0;
}
.dark-blue-box {
 background-color:var(--hm-darkblue);
 color:#fff;
 padding:20px;
 font-weight:bold;
}
.accordion {
 max-width:95%;
}
.accordion-button {
 font-size:1.6rem;
 font-weight:bold;
 background-color:var(--hm-darkblue);
 color:#fff;
}
.accordion-button:not(.collapsed) {
 background-color:var(--hm-blue);
 color:#fff;
}
.accordion-button::after {
 filter: invert(1);
}
.accordion-item {
 border-left:2px solid var(--hm-blue);
}
.box-btn {
 display:block;
 padding:20px;
 background-color:var(--hm-darkblue);
 border-left:10px solid var(--hm-blue);
 color:#fff;
 width:100%;
 margin:15px;
 margin-left:0px;
 transition:background-color 0.5s;
 font-weight:bold;
 text-align:center;
}
.box-btn:active,
.box-btn:hover {
 background-color:var(--hm-blue);
}
html#home #hero {
 background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)), url('https://constructionwithhm.com/wp-content/uploads/2025/06/fbe5605b-f8e0-49a6-b143-b3cf9dd2ce13.jpg');
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 60vh;
 animation: fadeInHero 1.25s ease-out forwards; padding-top:40px;
 padding-bottom:40px;
}
html#home #CompanyStats {
 padding-top:150px;
 padding-bottom:150px;
 font-size:1.8rem;
}
html#home #CompanyStatsLabel {
 display:block;
 margin:auto;
 font-weight:bold;
 text-transform:uppercase;
 margin-bottom:10px;
 color:#bbb;
 font-size:1.5rem;
}
html#home #CompanyStats p {
 font-size:3.6rem;
}
html#home #CompanyStats .stat {
 font-size:55px;
 font-weight:400;
}
html#home #CompanyStats h4 {
 font-size:20px;
 font-weight:600;
 text-transform:uppercase;
 color:var(--hm-blue);
}
#subhero {
 position: relative;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 color: #fff;
 min-height: 350px;
 padding-top:55px;
 padding-bottom:50px;
 display: flex;
 align-items: center;
 justify-content: center;
}
#subhero h1 {
	font-size:5rem;
}
html#contact #subhero {
 position: relative;
 background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 30vh;
 padding-top: 50px;
 padding-bottom: 50px;
}
html#contact #subhero::before {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-image: url('/assets/img/stock/iStock-1332358775.opt.jpg');
 background-size: cover;
 background-position: top;
 background-repeat: no-repeat;
 backdrop-filter: blur(1000px); z-index: -1;
}
ul#sub-services {
	margin-top:20px;
}
.mt-small {
 	margin-top:10px;
}
h5.other-svc-selector {
	font-weight:700;
	font-size:1.5rem;
}
html#whyhm .img-box {
 position:relative;
 width:auto;
 height:600px;
 position:relative;
 overflow:hidden;
}
html#whyhm .img-box img {
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;
}
footer {
	background-color:var(--hm-darkblue);
	color:#fff;
	padding:40px;
	padding-bottom:0;
	padding-left:0px;
	padding-right:0px;
}
footer a {
 color: white; text-decoration: none; }
footer a:hover, footer a:active, footer a:focus {
 color: var(--hm-blue); }
footer #logo-footer {
	width:260px;
	margin-bottom:40px;
}
footer h4 {
	color:var(--hm-blue);
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:40px;
}
@media (max-width: 768px) {
	footer h4 {
		margin-top:40px;
	}
}
footer ul {
	list-style:none;
	padding-left:0;
}
footer ul li {
	margin-bottom:10px;
}
div#footer-bottom {
	margin-top:40px;
	background-color:#000;
	font-size:1.2rem;
	padding:10px;
	color:#ccc;
}
footer #basic-contact-info {
	margin-top:20px;
}
footer #basic-contact-info a {
	display:block;
	margin-bottom:10px;
	font-size:1.4rem;
}
@media (max-width: 1199.98px) {
	h1 {
		font-size:4.8rem;
	}
	h2 {
		font-size:3rem;
	}
	html#whyhm .img-box {
	 height:360px;
	}
}
@media (max-width: 991.98px) {
	h1 {
		font-size:3.6rem;
	}
	h2 {
		font-size:2.4rem;
	}
}
@media (max-width: 767.98px) { 	.custom-px {
		padding-left: 15px; 		padding-right: 15px;
	}
	.page-section {
				padding-top:50px;
		padding-bottom:50px;
	}
	#hero-cta-btn {
		font-size:15px;
		padding:17px;
		padding-top:10px;
		padding-bottom:10px;
	}
	#hero h1 {
		font-size:2.7rem;
	}
	#hero h2 {
		font-size:2rem;
	}
	p.lead {
		font-size:1.8rem;
	}
	#frmQuickContactContainer {
		margin-top:40px;
		margin-left:15px;
		margin-right:15px;
	}
	header .logo-container {
		justify-content: left !important;
	}
	#hero-content {
		margin-top:-20px;
	}
	#subhero #hero-content {
		margin-top:-10px;
		padding-bottom:30px;
	}
	html#home #hero-content {
		font-size:2.4rem;
	}
	#subhero #hero-content h1 {
		font-size:3.6rem;
		padding-left:10px;
		padding-right:10px;
	}
	#subhero #hero-content h2 {
		color:#d9d9d9;
		padding-left:10px;
		padding-right:10px;
		font-size:2.4rem;
	}
	#header-bar #btnCtaContact {
		margin-top:40px;
	}
	img#logo-header {
		max-width: 150px !important;
	}
	#right-header {
		 		padding-right:5px;
	}
	html#home #hero {
		padding-bottom:80px !important;
	}
	html#home #CompanyStats {
	 padding-top:75px;
	 padding-bottom:75px;
	 font-size:18px;
	}
	html#home #CompanyStatsLabel {
	 display:block;
	 margin:auto;
	 font-weight:bold;
	 text-transform:uppercase;
	 margin-bottom:10px;
	 color:#bbb;
	 font-size:1.2rem;
	}
	html#home #CompanyStats p {
	 font-size:2.4rem;
	}
	html#home #CompanyStats .stat {
	 font-size:5rem;
	 font-weight:600;
	}
	html#home #CompanyStats h4 {
	 font-size:1.4rem;
	 font-weight:600;
	}
	#Services .btn {
		margin:auto;
	}
	#hm-phone {
		font-size:1.4rem;
	}
}
@media (max-width: 575.98px) {
	#hero h1 {
		font-size:3rem;
		line-height:4.2rem;
	}
	#hero h1 .text-emphasis {
		border-bottom:4px solid var(--hm-blue);
	}
	#hero h2 {
		font-size:2rem;
	}
	#hero-cta-btn {
		font-size:13px;
		padding:15px;
		padding-top:7px;
		padding-bottom:7px;
	}
	#header-bar #btnCtaContact {
		padding:5px;
		font-size:1.1rem;
	}
	img#logo-header {
		width:140px;
	}
}
@media (max-width: 375.98px) {
	#hero h1 {
		font-size:1.5rem;
		margin-bottom:5px;
	}
	#hero h1 .text-emphasis {
		border-bottom:none;
	}
	#hero h2 {
		font-size:1.2rem;
	}
}