.u-section-1 {background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("images/HalloweenBackground.jpg")}
.u-section-1 .u-sheet-1 {min-height: 549px}
.u-section-1 .u-text-1 {font-size: 4.5rem; margin: 105px 0 0 324px}
.u-section-1 .u-text-2 {font-size: 2.25rem; margin: 44px 70px 0 416px}
.u-section-1 .u-text-3 {font-size: 2.25rem; margin: 44px 63px 60px 423px} 

@media (max-width: 1199px){ .u-section-1 {background-position: 50% 50%}
.u-section-1 .u-sheet-1 {min-height: 453px}
.u-section-1 .u-text-1 {width: auto; font-size: 3.75rem; margin-top: 79px; margin-left: 164px}
.u-section-1 .u-text-2 {width: auto; font-size: 1.875rem; margin-right: 58px; margin-left: 288px}
.u-section-1 .u-text-3 {font-size: 1.875rem; width: auto; margin: 58px 117px 0 369px} }

@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 347px}
.u-section-1 .u-text-1 {margin-top: 73px; margin-left: 17px; margin-right: 17px}
.u-section-1 .u-text-2 {margin-top: 45px; margin-right: 36px; margin-left: 216px}
.u-section-1 .u-text-3 {margin-top: 26px; margin-right: 99px; margin-left: 279px} }

@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 260px}
.u-section-1 .u-text-1 {margin-left: 0; margin-right: 0}
.u-section-1 .u-text-2 {margin-top: 9px; margin-right: -9px; margin-left: 169px}
.u-section-1 .u-text-3 {margin-top: 9px; margin-right: 9px; margin-left: 169px} }

@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 164px}
.u-section-1 .u-text-1 {font-size: 2.8125rem}
.u-section-1 .u-text-2 {font-size: 1.5rem; margin-right: 0; margin-left: 18px}
.u-section-1 .u-text-3 {margin-right: 0; margin-left: 18px} }.u-section-2 {background-image: none}
.u-section-2 .u-sheet-1 {min-height: 1000px}
.u-section-2 .u-text-1 {font-size: 2.25rem; background-image: none; margin: 60px 32px 0}
.u-section-2 .u-image-1 {width: 301px; height: 200px; float: right; margin-left: 10px; margin-top: 0}
.u-section-2 .u-image-2 {float: left; width: 121px; height: 125px; margin: 0 10px 10px 0}
.u-section-2 .u-text-2 {font-size: 2.25rem; margin: 32px 414px 0 32px}
.u-section-2 .u-map-1 {width: 375px; height: 157px; margin: -162px 39px 0 auto}
.u-section-2 .u-text-3 {font-size: 1.875rem; margin: 93px 93px 0}
.u-section-2 .u-btn-1 {border-style: none; font-weight: 700; font-size: 3rem; background-image: linear-gradient(#9d5709, #e16607); margin: 27px auto 16px; padding: 8px 33px} 

@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 1117px}
.u-section-2 .u-text-1 {width: auto; margin-right: 34px}
.u-section-2 .u-text-2 {width: auto; margin-top: 34px; margin-right: 386px; margin-left: 15px}
.u-section-2 .u-map-1 {width: 360px; height: 196px; margin-top: -196px; margin-right: 17px}
.u-section-2 .u-text-3 {width: auto; margin-top: 121px; margin-right: 64px; margin-left: 30px}
.u-section-2 .u-btn-1 {margin-bottom: 20px; margin-left: 254px} }

@media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 1316px}
.u-section-2 .u-text-1 {margin-left: 0; margin-right: 0}
.u-section-2 .u-text-2 {margin-top: 47px; margin-right: 307px; margin-left: 0}
.u-section-2 .u-map-1 {width: 325px; height: 235px; margin-top: -235px}
.u-section-2 .u-text-3 {margin-left: 0; margin-right: 0}
.u-section-2 .u-btn-1 {margin-top: 12px; margin-left: 34px; margin-bottom: 16px} }

@media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 1002px}
.u-section-2 .u-text-1 {font-size: 1.875rem; margin-left: 9px; margin-right: 9px}
.u-section-2 .u-image-1 {width: 225px; height: 150px}
.u-section-2 .u-text-2 {font-size: 1.5rem; margin-top: 39px; margin-right: 213px; margin-left: 1px}
.u-section-2 .u-map-1 {width: 200px; height: 129px; margin-top: -129px; margin-right: 1px}
.u-section-2 .u-text-3 {font-size: 1.25rem; margin-top: 47px; width: auto}
.u-section-2 .u-btn-1 {margin-top: 33px; margin-left: auto; margin-bottom: 10px} }

@media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 1071px}
.u-section-2 .u-text-1 {margin-left: 0; margin-right: 0; font-size: 1.5rem}
.u-section-2 .u-image-1 {width: 134px; height: 120px; margin: 10px 10px 10px 0}
.u-section-2 .u-image-2 {margin-top: 10px}
.u-section-2 .u-text-2 {font-size: 1.125rem; margin-right: 150px; margin-left: 0}
.u-section-2 .u-map-1 {width: 150px; height: 115px; margin-top: -115px; margin-right: 0}
.u-section-2 .u-text-3 {font-size: 1.625rem; margin-top: 75px; width: auto}
.u-section-2 .u-btn-1 {font-size: 2.25rem; margin-bottom: 0; padding-right: 32px; padding-bottom: 10px; padding-left: 31px; margin-right: initial; margin-left: initial} }/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted white; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 265px;
  background-color: DimGray;
  color: #fff;
  text-align: center;
  padding: 5px 0 5px 0;
  border-radius: 6px;
  font-size: 1.22rem;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -55px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}