html, body {
 overflow-x: hidden;
 touch-action: pan-y;
 position: relative;
}
body {
 font-family: Gotham, Helvetica, Arial, sans-serif !important;
 scroll-behavior: smooth;
}
img {
 max-width: 100%;
}
.banner {
 position: relative;
 background: #2d2d2d url(../images/banner.jpg);
 width: 100%;
 height: 580px;
 background-position: top;
 background-repeat: no-repeat;
 background-size: cover;
}
.banner:before {
 position: absolute;
 left: 0;
 width: 100%;
 content: "";
 background: rgba(0, 0, 0, 0.6);
 backdrop-filter: blur(8px);
 height: 580px;
}
.banner .banner-inner {
 position: relative;
 z-index: 1;
 text-align: center;
 top: 150px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.banner .logo {
 display: inline;
}
.banner .logo img {
 max-height: 210px;
}
.banner .heading-text {
 display: inline;
}
.banner .heading-text h1 {
 color: #fff;
 text-transform: uppercase;
 font-size: 2.5rem;
 padding: 10px 20px;
 font-weight: 900;
}
.banner .heading-text .store {
 display: block;
}
.banner .heading-text .store img {
 max-height: 70px;
}
.inner-div {
 background: #2d2d2d;
 padding: 60px;
 -webkit-transition: background-color 2s ease-out;
 -moz-transition: background-color 2s ease-out;
 -o-transition: background-color 2s ease-out;
 transition: background-color 2s ease-out;
}
.inner-div:hover {
 background: #000;
 cursor: pointer;
}
.inner-div h3 {
 color: #fff;
 text-transform: uppercase;
 font-size: 3rem;
 font-weight: 900;
}
.inner-div h3 span {
 color: #f5d220;
}
.inner-div p {
 color: #fff;
 font-size: 1.1em;
 line-height: 2.2em;
 font-weight: 400;
 padding-top: 10px;
}
.gray {
 background: #f4f5f0;
 padding: 50px 0px;
}
.gray img {
 max-height: 50px;
 max-width: 50px;
}
.gray .text-black {
 color: #384a70;
 font-weight: 800;
}
.gray p {
 color: #384a70;
 font-weight: 400;
 font-size: 16px;
}
.footer {
 background: #2d2d2d;
 padding: 20px;
}
.footer p, .footer p a {
 margin: 0;
 padding: 0;
 color: #fff;
 font-size: 14px;
 line-height: 30px;
 text-decoration: none;
 font-weight: 400;
}
.footer p img {
 max-height: 20px;
}
#button {
 display: inline-block;
 background-color: #f5d220;
 width: 50px;
 height: 50px;
 text-align: center;
 position: fixed;
 bottom: 30px;
 right: 30px;
 padding: 10px;
 transition: background-color .3s, opacity .5s, visibility .5s;
 opacity: 0;
 visibility: hidden;
 text-decoration: none;
 z-index: 9;
}
#button:hover {
 cursor: pointer;
 background-color: #f5d220;
}
#button:active {
 background-color: #2d2d2d;
}
#button.show {
 opacity: 1;
 visibility: visible;
}
#button img {
 max-width: 100%;
}
.top-nav {
 background: #eee;
 padding: 10px 0px;
}
.small-logo {
 max-height: 80px;
}
.contact-d {
 text-align: right;
 margin-top: 20px;
}
.contact-d img {
 max-height: 25px;
}
.contact-d a {
 color: #333;
 font-size: 18px;
 font-weight: 500;
 text-decoration: none;
}
@media only screen and (max-device-width: 840px) {
 .banner .banner-inner {
  padding: 0px 20px;
 }
 .inner-div {
  padding: 40px;
 }
 .inner-div h3 {
  font-size: 2.2rem;
 }
 .top-nav {
  text-align: center;
 }
 .contact-d {
  text-align: center;
  margin-top: 10px;
 }
}
@media only screen and (max-device-width: 480px) {
 .banner .banner-inner {
  display: block;
  top: 50px;
 }
 .banner .heading-text h1 {
  padding: 20px 20px;
 }
 .banner .logo img {
  max-height: 180px;
 }
 .inner-div {
  padding: 40px;
 }
 .inner-div h3 {
  font-size: 2rem;
 }
 .gray {
  text-align: center;
 }
}