:root, :host {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone";
}

svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
  overflow: visible;
  box-sizing: content-box;
}

.svg-inline--fa {
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
}
.svg-inline--fa.fa-2xs {
  vertical-align: 0.1em;
}
.svg-inline--fa.fa-xs {
  vertical-align: 0em;
}
.svg-inline--fa.fa-sm {
  vertical-align: -0.0714285705em;
}
.svg-inline--fa.fa-lg {
  vertical-align: -0.2em;
}
.svg-inline--fa.fa-xl {
  vertical-align: -0.25em;
}
.svg-inline--fa.fa-2xl {
  vertical-align: -0.3125em;
}
.svg-inline--fa.fa-pull-left {
  margin-right: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-pull-right {
  margin-left: var(--fa-pull-margin, 0.3em);
  width: auto;
}
.svg-inline--fa.fa-li {
  width: var(--fa-li-width, 2em);
  top: 0.25em;
}
.svg-inline--fa.fa-fw {
  width: var(--fa-fw-width, 1.25em);
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center;
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -0.125em;
  width: 1em;
}
.fa-layers svg.svg-inline--fa {
  transform-origin: center center;
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}

.fa-layers-counter {
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: var(--fa-inverse, #fff);
  line-height: var(--fa-counter-line-height, 1);
  max-width: var(--fa-counter-max-width, 5em);
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: var(--fa-counter-padding, 0.25em 0.5em);
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-counter-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-bottom-right {
  bottom: var(--fa-bottom, 0);
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom right;
}

.fa-layers-bottom-left {
  bottom: var(--fa-bottom, 0);
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: bottom left;
}

.fa-layers-top-right {
  top: var(--fa-top, 0);
  right: var(--fa-right, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top right;
}

.fa-layers-top-left {
  left: var(--fa-left, 0);
  right: auto;
  top: var(--fa-top, 0);
  transform: scale(var(--fa-layers-scale, 0.25));
  transform-origin: top left;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.0833333337em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.0714285718em;
  vertical-align: 0.0535714295em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.0416666682em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  position: relative;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: var(--fa-stack-z-index, auto);
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em;
}
.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor);
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: var(--fa-secondary-opacity, 0.4);
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: var(--fa-primary-opacity, 1);
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: black;
}

.fad.fa-inverse,
.fa-duotone.fa-inverse {
  color: var(--fa-inverse, #fff);
}
        body {
    font-family: 'Oxygen', 'sans-serif';
}
/********************************Header********************************************/
#header {
    background-color: #ffffff;
    box-shadow: 6px 6px 8px #000000;
}

#logo-text {
    color: #000000
}
#header-phone-img svg path {
    fill: #000000
}
#header-phone-text {
    color: #000000
}

/**********************Header Buttons***************************/
.header-nav-item a,
#service-nav-button p,
#homeButton a {
    color: #000000;
}

.service-nav-item a {
    color: #000000!important;
}

.active {
    background-color: #7E0026;
    color: #ffffff!important;
}

#header-nav-list .header-active-item a:hover {
    background-color: #7E0026;
    color: #ffffff!important;
}

#header-nav-list .header-active-item:hover {
    border-bottom: none!important;
}

#header-nav-list > li:hover {
    
        border-bottom: 3px solid #7E0026;
    
}

#homeButton:hover > .active {
    background-color: #7E0026!important;
    color: #ffffff!important;
}

#homeButton:hover {
    border-bottom: none!important;
}

.homeNonActive:hover {
    
        border-bottom: 3px solid #7E0026;
    
}

#service-nav-list {
    background-color: #ffffff;
}

.line1, .line2, .line3 {
    background-color: #000000;
}

#small-menulist {
    background-color: #ffffff;
}
#small-menulist a {
    color: #000000;
}

#small-menulist > li {
    border-bottom: 1px solid #000000;
}

#header-custom-button{
    background-color: #7E0026;
    color: #ffffff;
}

#header-custom-button:hover {
    background-color: #ffffff;
    color: #7E0026;
}

/*************************Hovers***********************************/
#header-nav-list > li > a:hover {
    background-color: #7E0026;
    color: #ffffff!important;
}

.service-nav-item a:hover {
    background-color: #7E0026!important;
    color: #ffffff!important;
    border-radius: 0px!important;
}

/***************************Service Listing************************************************/
.value-listing a {
    color: #000000
}
.value-listing a:hover {
    color: #000000
}

#value-list {
    background-color: #ffffff;
}

/***************************Buttons********************************************/
.addedButton a {
    color: #ffffff;
    background-color: #7E0026;
    border-color: #7E0026;
}

.addedButton a:hover {
    color: #ffffff;
    background-color: #424242;
    border-color: #424242;
}

/***************************************Footer************************************************/
#footer-background {
    background-color: #7E0026;
    color: #ffffff
}

#footer-phone-img svg path{
    fill: #ffffff;
}

#footer-copyright-bottom a,
#footer-phone-text {
    color: #ffffff;
}

.footer-social-media path {
    fill: #ffffff;
}
        /*************************************************************************************/
/*********************************CSS RESET*******************************************/
/*************************************************************************************/
/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

/* Remove default padding */
ul[class],
ol[class] {
    padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

/* Set core body defaults */
body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
    list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
    max-width: 100%;
    display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
    margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
    font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    }
}

a {
    text-decoration: none;
    color: inherit;
}
/*************************************************************************************/
/************************************Header*******************************************/
/*************************************************************************************/
header, footer, section, main {
    width: 100%;
}
#template-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

#header-container {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    z-index: 100;
}

#header {
    display: flex;
    position: relative;
    height: 130px;
    width: 100%;
    z-index: 100;
}

/*********************************Logo**********************************/
#header-flex-logo {
    display: flex;
    height: 100%;
}

#header-logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 25px;
}

#logo-image picture img{
    height: 130px;
    width: auto;
    object-fit: contain;
}

#logo-text {
    font-size: 35px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 25px;
}
/*********************************Header Right**************************/
#header-flex-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 100%;
}

/**************************Header Phone*************************************/
#header-phone {
    margin-top: 25px;
    margin-right: 25px;
    display: flex;
}

#header-phone-link {
    display: flex;
    text-decoration: none;
    align-items: center;
}

#header-phone-img {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    margin-right: 5px;
}

#header-phone-img svg {
    height: 50px;
    width: 50px;
}

#header-phone-text {
    font-size: 30px;
    font-weight: bold;
}

#header-custom-button {
    margin-bottom: 8px;
    margin-right: 10px;
    text-align: center;
    /* width: 170px; */
    padding: 5px;
}

#header-custom-button p {
    margin-top: 10px;
}

.header-custom-button{
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.header-custom-button:hover {
    cursor: pointer;
}


/*************************Header Menu***************************************/
#header-menu {
    display: flex;
    justify-content: center;
    height: 100%;
    margin-right: 25px;
}

#header-nav-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#header-nav-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    list-style-type: none;
}

#header-nav-list li a,
#service-nav-button p {
    text-decoration: none;
}

#small-header-button-wrapper {
    display: none;
}

/************************Menu Buttons*********************************/
.active {
    border-radius: 4px;
    font-weight: bold;
}
/******************Home Button*******************/
#homeButton {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1px;
    margin-left: 1px;
}

#homeButton a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

#homeButton a:hover {
    font-weight: bold;
}

/**************Regular Buttons**************/
.header-nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 110px;
    height: 40px;
    margin-right: 1px;
    margin-left: 1px;
}

.header-nav-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.header-nav-item a:hover {
    font-weight: bold;
}

.header-active-item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 110px;
    height: 40px;
    margin-right: 1px;
    margin-left: 1px;
}

.header-active-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.header-active-item a:hover {
    font-weight: bold;
}

/***************Service Button*************/
#service-nav-button {
    /* flex-basis: 110px; */
    min-width: 110px;
    margin-right: 1px;
    margin-left: 1px;
}

#service-nav-button > p {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

#service-nav-button > p:hover {
    font-weight: bold;
}

/*************Service Dropdown**************/
#service-nav-list {
    display: none;
    position: absolute;
    visibility: hidden;
    list-style: none;
    opacity: 0;
    padding-left: 0;
    min-width: 110px;
}

#service-nav-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: unset;
}

.service-nav-item a {
    padding: 5px;
    width: 100%;
    text-align: center;
}

.service-nav-item a:hover {
    font-weight: bold;
}

#service-nav-list:active,
#service-nav-list:focus,
#service-nav-list:hover,
#service-nav-button:active>#service-nav-list,
#service-nav-button:focus-within>#service-nav-list,
#service-nav-button:hover>#service-nav-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    visibility: visible;
    opacity: 1;
}

/******************************Service Listing*************************************/
#value-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 40px;
}

#value-list a {
    padding-left: 4px;
    padding-right: 4px;
    text-decoration: none;
    font-size: 14px;
}

/*******************************Buttons*************************************/
.addedButton a {
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    height: 100%;
    line-height: normal;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
    border: 3px solid;
}

.addedButton {
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    display: block;
    margin-bottom: 2em;
    margin-top: 2em;
    width: 200px;
}

div.addedButton {
    /* margin-top: 50px; */
    text-align: center;
}

/****************************************************************************/
/*****************************Footer****************************************/
/****************************************************************************/
#footer-background {
    display: flex;
    justify-content: center;
    height: 250px;
}

#footer-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 100%;
}

#footer-section-list {
    display: flex;
    height: 100%;
    width: 100%;
}

#footer-section-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}
#footer-address {
    margin-top: 15px;
}
#footer-business-name {
    margin-top: 15px;
    font-size: 16px;
    font-weight: bolder;
}
#footer-address-loc {
    font-size: 14px;
}

#footer-hours {
    margin-top: 10px;
    font-size: 14px;
}

#footer-section-middle {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#footer-phone-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 33%;
    flex: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}
#footer-phone-img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

#footer-phone-img svg {
    height: 25px;
    width: 25px;
}

#footer-phone-text {
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

#footer-copyright {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    max-height: 33%;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#footer-social-list {
    display: flex;
    flex: 1;
    list-style-type: none;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    height: 100%;
    flex-wrap: wrap;
}

#footer-social-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}

#footer-social-list li a svg{
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer-social-list li svg {
    display: flex;
}

#footer-social-list li svg:hover {
    opacity: .65;
}

.footer-social-media {
    display: flex;
    justify-content: center;
    max-width: 40px;
}

#footer-social-container {
    display: flex;
    align-items: center;
    flex: 1;
    max-height: 33%;
}

.footer-social-media a svg{
    width: 40px;
    height: 40px;
}

#footer-section-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    flex: 1;
}

#footer-tags {
    width: 70%;
}

#footer-keys {
    font-size: 10px;
}

#footer-copyright-bottom a {
    text-decoration: none;
}

#footer-social-media svg {
    display: flex;
    background-size: 40px 40px;
}

/**********************************************************************************/
/*********************************Mobile*******************************************/
/**********************************************************************************/
@media screen and (max-width:1250px) {
    #homeButton a,
    #service-nav-button > p {
        width: 80px;
    }

    .header-nav-item,
    #service-nav-button {
        min-width: 80px;
    }
}


@media screen and (max-width:960px) {
    #header-container {
        position: relative;
        top: 0;
        left: 0;
    }
    #header {
        height: auto;
        flex-direction: column;
    }
    #header-flex-logo {
        justify-content: center;
        align-items: center;
        height: 100px;
        padding-top: 15px;
    }
    #header-logo {
        margin-left: 0;
    }
    #logo-image picture img{
        height: 95px;
    }
    #header-flex-info {
        justify-content: space-between;
        align-items: center;
    }
    #header-phone {
        margin: 0;
        margin-top: 15px;
        flex-direction: column-reverse;
    }
    #header-custom-button {
        margin-top: 10px;
    }
    #header-menu {
        display: block;
        margin-top: 15px;
        margin-right: 0;
    }
    #header-nav-list {
        display: none;
    }
    #small-menulist {
        /* display: none; */
        max-height: 0;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        margin: 0;
        margin-top: 13px;
        min-width: 320px;
        transition: max-height 0.4s ease-out;
        /* height: 200px; */
        overflow: auto;
    }
    #small-menulist li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    #small-menulist li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        text-decoration: none;
        padding: 5px;
        font-size: 18px;
        text-align: center;
    }
    #small-menulist li:hover a {
        font-weight: bold;
    }
    #small-header-button-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        /* margin-top: 80px; */
    }
    .line1, .line2, .line3 {
        position:relative;
        display:block;
        margin-top:5px;
        width:25px;
        height:3px;
        opacity:1.0;
        border-radius:15%;
    }
    .toggleStyle {
        display: flex!important;
        z-index: 1;
        transition: all .6s ease;
        flex-direction: column;
        justify-content: center;
    }
    .slideDown{
        animation-name: slideDown;
        -webkit-animation-name: slideDown;
        animation-duration: 1s;
        -webkit-animation-duration: 1s;
        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;
        visibility: visible !important;
    }
    @keyframes slideDown {
        0% {
            opacity: 0;
            transform: translateY(0%);
        }
        100% {
            transform: translateY(0%);
        }
    }

    /*************************Footer********************************/

    #footer-background {
        height: 450px;
    }

    #footer-section-right {
        display: none;
    }

    #footer-section-list {
        flex-direction: column;
    }

    .address {
        text-align: center;
    }

    #footer-hours {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #footer-business-name {
        font-size: 24px;
    }
}

@media screen and (max-width:550px) {
    #small-menulist {
        width: 100%;
    }
    #header-menu {
        width: 100%;
    }
    #header-nav-container {
        justify-content: center;
    }

    #small-header-button-wrapper  {
        width: 100%;
    }

    #small-menulist > li {
        width: 35%;
    }

    #value-list {
        height: 100%;
    }
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.play-button::before {
    content: '';
    display: inline-block;
    margin-left: 4px;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent white;
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.play-button:hover::before {
    border-left-color: #ddd;
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    margin-bottom: 20px; 
    height: 500px;
    overflow: hidden;
}

.video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
		max-width: 100%;
}

/* Vimeo Video Styles */
.vimeo-placeholder {
    position: relative;
    background-color: transparent;
    width: 100%;
    aspect-ratio: 16 / 9;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.play-button-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(0, 0, 0, 0.7);
    gap: 10px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
}

.play-button-container span {
    font-weight: bold;
    letter-spacing: 0.5px;
}

.vimeo-placeholder .play-button {
    background-color: rgba(0, 0, 0, 0.7);
}

.vimeo-placeholder:hover .play-button {
    background-color: #000000;
}
        /*****************************Promo Image*************************************/
#promo-image-container {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 10;
    margin-top: 130px;
    background-color: #ffffff;
}

#home-promo-image {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 570px;
    height: auto;
    width: 99%;
    margin: auto;
    background-image: url(https://www.ocalahomeconstruction.com/images/1785083/0_0.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /* background-attachment: fixed; */
}

#promo-image-title {
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 900;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    margin-top: 10px;
    color: #ffffff;
}

#promo-image-description {
    font-size: 25px;
    font-weight: 200;
    text-shadow: 2px 2px 4px #000000;
    color: #ffffff;
}

#primary-banner-button {
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 55px; */
    margin-top: 30px;
    margin-bottom: 10px;
}

#primary-banner-button a {
    text-decoration: none;
    font-size: 16px;
    padding: 10px 25px 10px 25px;
    text-shadow: 4px 4px 8px #262626;
    text-transform: uppercase;
    border: 3px solid;
    box-shadow: 8px 8px 8px #4d4d4d;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#primary-banner-button a:hover {
    cursor: pointer;
    box-shadow: none;
}

/*****************************Welcome Section***********************************/
#introduction-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
    background-color: #ffffff;
}
#introduction-fg {
    width: 50%;
    list-style-position: inside;
}

#welcome-title {
    font-size: 40px;
    padding-left: 10px;
    margin-top: 50px;
    color: #000000;
    border-left: 2px solid #000000;
}

#welcome-title p {
    font-size: 40px;
    color: #000000;
}

.text-content p {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
}

.text-content p a{
    text-decoration: none;
    color: #000000;
}

#learn-more-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin-top: 30px;
}

#learn-more-button a {
    text-decoration: none;
    font-size: 16px;
    padding: 10px 22px 10px 22px;
    text-transform: uppercase;
    border: 3px solid;
}

#learn-more-button a:hover {
    cursor: pointer;
    box-shadow: none;
}
/********************************Proud Image***********************************/
#proud-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #ffffff
}
#proud-image {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 99%;
    height: 425px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: url(https://www.ocalahomeconstruction.com/images/1785134/0_0.png);
}

#proudly-serving-title {
    font-size: 60px;
    text-align: center;
    text-shadow: 4px 4px 8px #262626;
    color: #ffffff;
}

#areas-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    max-width: 80%;
    text-shadow: 2px 2px 4px #262626;
    color: #ffffff;
}

#areas-text > p {
    margin-left: 15px;
    margin-right: 15px;
}

/*********************************Services**************************************/
#home-service-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 80px;
    padding-bottom: 50px;
    width: 100%;
    background-color: #ffffff
}

#home-service-resizer {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
    width: 1250px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.service-container {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    width: 260px;
    margin-left: 19px;
    margin-right: 19px;
    padding-top: 150px;
}

.service-image picture img{
    object-fit: cover;
}

.home-service-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.service-section-title {
    font-size: 32px;
    text-align: center;
    color: #000000;
}

.service-desc-text p{
    text-align: center;
    color: #000000;
}

.service-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    margin-top: 30px;
}

.service-button a {
    text-decoration: none;
    font-size: 16px;
    padding: 10px 22px 10px 22px;
    text-transform: uppercase;
    border: 3px solid;
}

.service-button a:hover {
    cursor: pointer;
    box-shadow: none;
}

.vl {
    border-left: 1px solid #ffffff;
    height: 600px;
}
/**********************************Map******************************************/
#map-wrapper-bg {
    height: 450px;
    width: 1200px;
}

#map-wrapper {
    height: 400px;
    margin-bottom: 4em;
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#map {
    margin-left: auto;
    margin-right: auto;
    height: 450px;
    width: 100%;
}

#map-section-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #ffffff;
}
/**********************************Buttons****************************************/


#primary-banner-button a {
    color: #ffffff;
    
    background-color: #7E0026;
    
    border-color: #7E0026;
}

#primary-banner-button a:hover {
    color: #ffffff;
    
    background-color: #424242;
    
    border-color: #424242;
}

#learn-more-button a {
    color: #ffffff;
    background-color: #7E0026;
    border-color: #7E0026;
}

#learn-more-button a:hover {
    color: #ffffff;
    background-color: #424242;
    border-color: #424242;
}

.service-button a {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

.service-button a:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #000000;
}

/*******************************Video Styling******************************/
.video-figure {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-top: 15px;
}

.video-figure > figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
}

.video-figure > figure > iframe {
    width: 100%;
    height: 400px;
    margin: 0;
}

/*******************************Extra Images************************************/
.intro-image {
    width: 100%;
    padding-top: 15px;
}

.intro-image picture img {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.placeholder {
    width: 100%;
    height: 400px;
    margin: 0;
    object-fit: cover;
}

.video-placeholder {
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.video-placeholder img {
    display: block;
}
.play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
}
.play-button {
    fill: white;
}

.lazyt .placeholder.playbutton {

  /* center button in video */

  position: absolute;

  top: 50%;

  left: 50%;

  width: 68px;

  height: 48px;

  margin-left: -34px;

  margin-top: -24px;

  padding: 0;

  /* remove any button styling */

  background: transparent;

  color: transparent;

  user-select: none;

  border: none;

  outline: none;

}


.lazyt .placeholder.playbutton .ytp-large-play-button-bg {

  opacity: .8;

  fill: #111;

  -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);

  -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);

  transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);

}

.lazyt:hover .placeholder .ytp-large-play-button-bg {

  opacity: 1;

  fill: #f00;

  -moz-transition: opacity .1s cubic-bezier(0.0,0.0,0.2,1);

  -webkit-transition: opacity .1s cubic-bezier(0.0,0.0,0.2,1);

  transition: opacity .1s cubic-bezier(0.0,0.0,0.2,1);

}



/**********************************Mobile****************************************/
@media screen and (max-width:1250px) {
    #introduction-fg {
        width: 70%;
    }

    #home-promo-image {
        min-height: 540px;
        height: auto;
        width: 98%;
    }
}
@media screen and (max-width: 1200px) {
    #home-service-resizer {
        width: 700px;
    }
    .vl {
        border-left: none;
        height: 0px;
    }
    .service-container {
        padding-top: 80px;
    }

    .service-button {
        margin-bottom: 55px;
    }
}
@media screen and (max-width:1025px) {
    #introduction-fg {
        width: 85%;
    }
}

@media screen and (max-width: 960px) {
    #promo-image-container {
        margin-top: 0px;
    }

    .vl {
        border-left: none;
        height: 0px;
    }

    .service-container {
        margin-left: 15px;
        margin-right: 15px;
        width: 230px;
    }
    #home-promo-image {
        min-height: 400px;
        height: auto;
        background-position: top;
    }
    .video-figure > figure > iframe {
        height: 300px;
    }

    .placeholder {
        height: 300px;
    }
}

@media screen and (max-width: 900px) {
    .service-container {
        margin-left: 15px;
        margin-right: 15px;
        width: 200px;
    }
    #home-service-resizer {
        width: 550px;
    }

    #proud-image {
        background-attachment: unset;
    }
}

@media screen and (max-width:760px) {
    #promo-image-title {
        font-size: 60px;
    }

    #promo-image-description {
        font-size: 18px;
    }

    #home-service-resizer {
        width: 300px;
    }

    .service-button {
        margin-top: 15px;
        margin-bottom: 55px;
    }

    .service-desc-text p {
        margin-top: 10px;
    }

    .home-service-text {
        margin-top: 30px;
    }
    #home-promo-image {
        min-height: 350px;
        height: auto;
        width: 97%;
    }
    #introduction-fg {
        width: 530px;
    }
    #welcome-title {
        margin-top: 35px;
    }

    #first-service-container {
        padding-top: 0px;
    }
}

@media screen and (max-width:550px) {
    #promo-image-title {
        font-size: 25px;
    }

    #promo-image-description {
        font-size: 16px;
        width: 80%;
        text-align: center;
    }

    #proudly-serving-title {
        font-size: 50px;
    }

    #areas-text {
        font-size: 18px;
    }
    #home-promo-image {
        min-height: 275px;
        height: auto;
        width: 95%;
    }
    #introduction-fg {
        width: 320px;
    }
    #welcome-title {
        margin-top: 30px;
        line-height: 1;
    }
    #primary-banner-button {
        margin-top: 15px;
    }
    .video-figure > figure > iframe {
        width: 100%;
        height: 170px;
        margin: 0;
    }

    .placeholder {
        height: 170px;
    }
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    pointer-events: none;
}

.play-button::before {
    content: '';
    display: inline-block;
    margin-left: 4px;
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent white;
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.play-button:hover::before {
    border-left-color: #ddd;
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    margin-bottom: 20px; 
    height: 500px;
    overflow: hidden;
}

.video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
		max-width: 100%;
}

        /* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/static/4/fonts/roboto-condensed-v16-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
    url('/static/4/fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/roboto-condensed-v16-latin-300.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
  font-display: fallback;
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/roboto-condensed-v16-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
    url('/static/4/fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
  font-display: fallback;
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/static/4/fonts/roboto-condensed-v16-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
    url('/static/4/fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/roboto-condensed-v16-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg');
  /* Legacy iOS */
  font-display: fallback;
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/noto-sans-v9-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
    url('/static/4/fonts/noto-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/noto-sans-v9-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/noto-sans-v9-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/noto-sans-v9-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/noto-sans-v9-latin-regular.svg#NotoSans') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/roboto-v20-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
    url('/static/4/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/roboto-v20-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/roboto-v20-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/roboto-v20-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/static/4/fonts/roboto-v20-latin-300italic.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
    url('/static/4/fonts/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/roboto-v20-latin-300italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/roboto-v20-latin-300italic.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/roboto-v20-latin-300italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/roboto-v20-latin-300italic.svg#Roboto') format('svg');
  /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/static/4/fonts/roboto-v20-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
    url('/static/4/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/roboto-v20-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/roboto-v20-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/roboto-v20-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/roboto-v20-latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}

/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/oxygen-v9-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
    url('/static/4/fonts/oxygen-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/oxygen-v9-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/oxygen-v9-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/oxygen-v9-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/oxygen-v9-latin-regular.svg#Oxygen') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('/static/4/fonts/oxygen-v9-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
    url('/static/4/fonts/oxygen-v9-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/oxygen-v9-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/oxygen-v9-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/oxygen-v9-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/oxygen-v9-latin-700.svg#Oxygen') format('svg');
  /* Legacy iOS */
}

/* coda-regular - latin */
@font-face {
  font-family: 'Coda';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/coda-v15-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Coda Regular'), local('Coda-Regular'),
    url('/static/4/fonts/coda-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/coda-v15-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/coda-v15-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/coda-v15-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/coda-v15-latin-regular.svg#Coda') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* abeezee-regular - latin */
@font-face {
  font-family: 'ABeeZee';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/abeezee-v13-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('ABeeZee Regular'), local('ABeeZee-Regular'),
    url('/static/4/fonts/abeezee-v13-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/abeezee-v13-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/abeezee-v13-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/abeezee-v13-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/abeezee-v13-latin-regular.svg#ABeeZee') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* abeezee-italic - latin */
@font-face {
  font-family: 'ABeeZee';
  font-style: italic;
  font-weight: 400;
  src: url('/static/4/fonts/abeezee-v13-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('ABeeZee Italic'), local('ABeeZee-Italic'),
    url('/static/4/fonts/abeezee-v13-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/abeezee-v13-latin-italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/abeezee-v13-latin-italic.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/abeezee-v13-latin-italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/abeezee-v13-latin-italic.svg#ABeeZee') format('svg');
  /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/raleway-v14-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
    url('/static/4/fonts/raleway-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/raleway-v14-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/raleway-v14-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/raleway-v14-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/raleway-v14-latin-regular.svg#Raleway') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('/static/4/fonts/raleway-v14-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Raleway Italic'), local('Raleway-Italic'),
    url('/static/4/fonts/raleway-v14-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/raleway-v14-latin-italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/raleway-v14-latin-italic.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/raleway-v14-latin-italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/raleway-v14-latin-italic.svg#Raleway') format('svg');
  /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/static/4/fonts/raleway-v14-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
    url('/static/4/fonts/raleway-v14-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/raleway-v14-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/raleway-v14-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/raleway-v14-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/raleway-v14-latin-700.svg#Raleway') format('svg');
  /* Legacy iOS */
}

/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/merriweather-v21-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Merriweather Regular'), local('Merriweather-Regular'),
    url('/static/4/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/merriweather-v21-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/merriweather-v21-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/merriweather-v21-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* merriweather-italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: url('/static/4/fonts/merriweather-v21-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Merriweather Italic'), local('Merriweather-Italic'),
    url('/static/4/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/merriweather-v21-latin-italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/merriweather-v21-latin-italic.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/merriweather-v21-latin-italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg');
  /* Legacy iOS */
}

/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('/static/4/fonts/merriweather-v21-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Merriweather Bold'), local('Merriweather-Bold'),
    url('/static/4/fonts/merriweather-v21-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/merriweather-v21-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/merriweather-v21-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/merriweather-v21-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/merriweather-v21-latin-700.svg#Merriweather') format('svg');
  /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/lato-v16-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
    url('/static/4/fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/lato-v16-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/lato-v16-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/lato-v16-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/lato-v16-latin-regular.svg#Lato') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('/static/4/fonts/lato-v16-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
    url('/static/4/fonts/lato-v16-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/lato-v16-latin-italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/lato-v16-latin-italic.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/lato-v16-latin-italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/lato-v16-latin-italic.svg#Lato') format('svg');
  /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/static/4/fonts/lato-v16-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
    url('/static/4/fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/lato-v16-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/lato-v16-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/lato-v16-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/lato-v16-latin-700.svg#Lato') format('svg');
  /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/montserrat-v14-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
    url('/static/4/fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/montserrat-v14-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/montserrat-v14-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/montserrat-v14-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('/static/4/fonts/montserrat-v14-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
    url('/static/4/fonts/montserrat-v14-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/montserrat-v14-latin-italic.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/montserrat-v14-latin-italic.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/montserrat-v14-latin-italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/montserrat-v14-latin-italic.svg#Montserrat') format('svg');
  /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/static/4/fonts/montserrat-v14-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
    url('/static/4/fonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/montserrat-v14-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/montserrat-v14-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/montserrat-v14-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/montserrat-v14-latin-700.svg#Montserrat') format('svg');
  /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/roboto-slab-v9-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
    url('/static/4/fonts/roboto-slab-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/roboto-slab-v9-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/roboto-slab-v9-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/roboto-slab-v9-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/roboto-slab-v9-latin-regular.svg#RobotoSlab') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('/static/4/fonts/roboto-slab-v9-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
    url('/static/4/fonts/roboto-slab-v9-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/roboto-slab-v9-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/roboto-slab-v9-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/roboto-slab-v9-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/roboto-slab-v9-latin-700.svg#RobotoSlab') format('svg');
  /* Legacy iOS */
}

/* fredoka-one-regular - latin */
@font-face {
  font-family: 'Fredoka One';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/fredoka-one-v7-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Fredoka One'), local('FredokaOne-Regular'),
    url('/static/4/fonts/fredoka-one-v7-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/fredoka-one-v7-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/fredoka-one-v7-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/fredoka-one-v7-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/fredoka-one-v7-latin-regular.svg#FredokaOne') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* patua-one-regular - latin */
@font-face {
  font-family: 'Patua One';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/patua-one-v10-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Patua One'), local('PatuaOne-Regular'),
    url('/static/4/fonts/patua-one-v10-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/patua-one-v10-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/patua-one-v10-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/patua-one-v10-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/patua-one-v10-latin-regular.svg#PatuaOne') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* tajawal-regular - latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/tajawal-v3-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Tajawal'), local('Tajawal-Regular'),
    url('/static/4/fonts/tajawal-v3-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/tajawal-v3-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/tajawal-v3-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/tajawal-v3-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/tajawal-v3-latin-regular.svg#Tajawal') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* lobster-two-regular - latin */
@font-face {
  font-family: 'Lobster Two';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/lobster-two-v12-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Lobster Two'), local('LobsterTwo'),
    url('/static/4/fonts/lobster-two-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/lobster-two-v12-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/lobster-two-v12-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/lobster-two-v12-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/lobster-two-v12-latin-regular.svg#LobsterTwo') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* caudex-regular - latin */
@font-face {
  font-family: 'Caudex';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/caudex-v9-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Caudex'),
    url('/static/4/fonts/caudex-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/caudex-v9-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/caudex-v9-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/caudex-v9-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/caudex-v9-latin-regular.svg#Caudex') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

/* cormorant-infant-regular - latin */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 400;
  src: url('/static/4/fonts/cormorant-infant-v8-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Cormorant Infant Regular'), local('CormorantInfant-Regular'),
    url('/static/4/fonts/cormorant-infant-v8-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('/static/4/fonts/cormorant-infant-v8-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('/static/4/fonts/cormorant-infant-v8-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('/static/4/fonts/cormorant-infant-v8-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('/static/4/fonts/cormorant-infant-v8-latin-regular.svg#CormorantInfant') format('svg');
  /* Legacy iOS */
  font-display: swap;
}

html {
  visibility: visible;
  opacity: 1;
}

/*************************************************************************************/
/*******************************New pages: Gallery************************************/
/*************************************************************************************/
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.gallery-item {
    display: block;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.gallery-item img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

@media screen and (max-width: 800px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 500px) {
    .gallery-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .gallery-item img {
        height: 220px;
    }
}

/*************************************************************************************/
/*******************************New pages: Contact*************************************/
/*************************************************************************************/
.contact-columns {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.contact-info-card {
    flex: 1 1 280px;
}

.contact-info-card h3 {
    font-size: 20px;
    color: #7E0026;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact-info-card p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
}

.contact-info-card table {
    margin-top: 10px;
    font-size: 15px;
}

.contact-info-card table td {
    padding: 2px 12px 2px 0;
}

.contact-form {
    flex: 1 1 320px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-form label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #000000;
    margin-bottom: 6px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #000000;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
}

.contact-form input:focus,
.contact-form textarea:focus {
    outline: none;
    border-color: #7E0026;
}

.contact-form textarea {
    resize: vertical;
    min-height: 130px;
}

.contact-form button {
    align-self: flex-start;
    cursor: pointer;
    background-color: #7E0026;
    color: #ffffff;
    border: 3px solid #7E0026;
    border-radius: 4px;
    padding: 10px 25px;
    font-size: 16px;
    text-transform: uppercase;
}

.contact-form button:hover {
    background-color: #ffffff;
    color: #7E0026;
}

@media screen and (max-width: 700px) {
    .contact-columns {
        flex-direction: column;
        gap: 30px;
    }
}