body {
  font-family: Calibri, Helvetica, sans-serif;
  background-color: rgb(250,250,250);
  font-size: 1.1em;
}
@font-face {
	font-family: opensans;
	src: url(/fonts/OpenSans-VariableFont_wdth\,wght.ttf);
}
a {
	color: #02578F;
}
a {
  text-decoration: none;
}
a:hover {
  color: #0475BC;
  text-decoration: underline;
}
a:hover.nav-link {
  text-decoration: none;
}
.ontarioparks-blue {
	color: #0475BC;
}
legend {
  font-size: 1em;
}
h1 {
  font-size: 1.8em;
  font-weight: 600;
}
h2 {
  font-size: 1.5em;
  font-weight: 600;
}
h3 {
  font-size: 1.2em;
  font-weight: 600;
}
h4 {
  font-size: 1.1;
  font-weight: 600;
}
h5 {
  font-size: 1em;
  font-weight: 600;
}
.no-main-image {
  margin-top: 150px;
}
/* forms */
.required {
  color: darkred;
}

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0px;
}
.icon_size_2 {
  height: 2.2em;
  width: 2.2em;
}
#main-image {
  width: 100%;
  /*min-height: 600px;
  min-width: 1500px;
  overflow: hidden;*/
  object-fit: cover;
  min-height: 600px;
  max-height: 600px;
  overflow: hidden;
}
.main-image-caption {
	text-shadow: 2px 2px 0px black;
  /*-webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: black;
  paint-order: stroke fill;*/
	font-size: 1.3em; 
	color: white; 
	margin: -40px 0px 30px 25px;
}
h1.park-heading {
	font-size: 3em;
	font-family: Calibri, opensans, sans-serif;
	color: rgb(0,117,191);
	margin: 7px 0px 0px 5px;
	float: left;
	font-weight: 600;
}
.navbar {
  padding: 14px 0px 14px 0px;
  border-bottom: 2px solid white;
}
.icon-white {
  filter: invert(1) sepia(0) saturate(100) hue-rotate(360deg) brightness(100%);
}
.icon-op-brand-blue {
  filter: invert(25%) sepia(86%) saturate(4944%) hue-rotate(189deg) brightness(98%) contrast(97%);
}
.icon-op-brand-blue:hover {
  filter: invert(25%) sepia(86%) saturate(4944%) hue-rotate(189deg) brightness(98%) contrast(97%);
}
.icon-nav-grey {
  filter: invert(70%) sepia(5%) saturate(108%) hue-rotate(156deg) brightness(89%) contrast(87%);
}
.social-logo {
  font-size: 1.8em;
  color: rgb(60, 60, 60);
}
#brand-tab {
  position: absolute;
  top: 0px;
}
footer {
  color: #E0E2DB;
}
/*.alert-danger {
  color: black; 
  background-color: white; 
  border-color: red; 
  border-top-width: 3px;
}*/
.red-icon {
  filter: invert(.3) sepia(1) saturate(70) hue-rotate(350deg) brightness(61%);
}
body.homepage {
    background-color: rgb(24,31,36);
    background-color: rgb(40,41,36);/*charcoal*/
    background-color: rgb(11,30,29);/*bravada green darker*/
    /*background-image: url('/images/homepage/background-blue.gif');*/
    color: white;
    color: rgb(228, 226, 213);
    color: #E0E2DB;
  }
    
  .park-nav-tab {
    border-bottom: 3px solid rgb(230, 230, 230);
    margin-left: 2px;
    margin-right: 2px;
    padding-left:  12px;
    padding-right: 12px;
  }
  a.park-nav-tab {
    color: #02578F;
  }
  a.park-nav-tab:hover {
    color: #0475BC;
  }
  .park-nav-tab:hover {
      border-bottom: 3px solid #00834e;
      text-decoration: none;
  }
  .op-active {
    border-bottom: 3px solid #00834e;
    text-decoration: none;
}
  .opas-sub-nav {
    background-color: rgb(240,240,240);
  }
  .op-tab-active {
      border-bottom: 3px solid #00834e;
  }
  a.active {
      color: #495057;
  }
  .fadeup {
    transform: translateY(100px);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
   }
   .fadein {
     opacity: 0;
     transition-property: opacity;
     transition-duration: 600ms;
     transition-timing-function: ease-in;
   }
   .bg-black-gradient {
    background: rgb(0,0,0);
    background: linear-gradient(0deg,rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0.3533788515406162) 88%); 
    position: relative; 
    top: -125px; 
    display: block; 
    width: 100%; 
    height: 125px; 
    z-index: 1029;
   }
   .tile-promo-img {
    border-radius: 5px; 
    position: relative; 
    top: 0px; 
    left: 0px; 
    height: 100%;
   }
   .tile-promo-img img {
     z-index: 1;
   }
   .promo-text {
    display: block; 
    max-height: 125px; 
    max-width: 100%; 
    font-size: 1.1em; 
    padding: 8px 25px 8px 25px;
    letter-spacing: 1px;
    font-weight: 500;
    color: white;
   }
   .promo-text-container {
    margin: 0px; 
    position: absolute; 
    top: 50%; 
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%);
   }
   .in-view {
        transform: none;
        opacity: 1;
    }
  .op-global-nav {
      background-color: #02578F;
      margin-top: 50px;
      border: none;
      font-family: Calibri;
  }
  .op-global-nav li {
      background-color: #02578F;
  }
  .op-global-nav li a {
      color: white;
      font-weight: bold;
      font-size: 1.2em;
      background-color: #02578F;
      
  }
  .bg-op-alertbox {
    background-color: #c44615;
    background-color: #00834e;
  }
  .white-link {
    color: white;
    text-decoration: none;
  }
  .white-link:hover {
    color: white;
    text-decoration: underline;
  }
  /*for concept 4 styles*/
  .hero {
    width: 100%;
    height: 100vh;
    position: relative;
}
.iframe_video {
  width: 100vw;
  height: 55.25vw;
  min-height: 100vh;
  min-width: 190vh;
  position: absolute;
  /*top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
}
.video-homepage {
  width: 100vw;
  height: 55.65vw;
  min-height: 100vh;
  min-width: 190vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
  /* end concept 4 styles*/
  .blog-block {
    width: 100%;
  }
 .op-menu {
   list-style: none;
   margin: 0px;
   color: white;
   font-weight: bold;
   font-size: 1em;
 }
 ul.op-menu li {
   display: inline;
   padding: 5px 10px 5px 10px;
 }
 ul.op-menu li a {
   color: white;
   font-weight: bold;
   text-decoration: none;
 }
 ul.op-menu li.active {
   background-color: rgba(255,255,255,.2);
   border-radius: 4px;
 }
 .show {
   display: visible;
 }
 .hide {
   display: none;
 }
 .park-sub-nav {
   position: fixed;
   z-index: 1000;
   background-color: white;
   top: 55px;
   width: 100%;
   max-height: 350px;
   min-height: 300px;
   animation-duration: .5s;
 }
 #move_down {
   cursor: pointer;
 }
 .res-sub-nav {
   position: fixed;
   z-index: 1000;
   background-color: white;
   top: 55px;
   width: 100%;
   max-height: 350px;
   min-height: 300px;
   animation-duration: .5s;
 }
 ul.op-menu li, #parkBtn, #resBtn, #feesBtn, #locBtn, #visBtn {
   cursor: pointer;
 }
 .img-circle {
  clip-path: circle(50% at 50% 50%);
 }
 .mypark-bg {
    background-image: url('/images/myparkmystory/banner-homepage.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    background-attachment: local;
 }
 .full-width-hero {
   width: 100%;
   margin: 0;
   margin-top: 10px;
   margin-bottom: 10px;
   height: 600px;
 }
 .hero-text-right {
   float: right;
   margin-top: 300px;
   margin-right: 20px;
 }
 .hero-text-left {
   float: left;
   margin-top: 300px;
   margin-left: 50px;
 }
 .hero-text-right h2 {
   font-size: 4em;
   font-weight: 800;
   color: rgb(30,40,100);
 }
 .hero-text-left h2 {
   font-size: 4em;
   font-weight: 800;
   color: rgb(30,40,100);
 }
 .hero-text-right p {
   font-size: 1.3em;
   font-weight: 700;
 }
 .full-width-sign-up {
   background-color: #93328E;
   height: 300px;
   color: white;
 }
 .parkNav {
      color: white;
      list-style: none;
      font-size: 1rem;
      margin-top: 35px;
  }
  .parkNav li {
      line-height: 1.6em;
  }
  .parkNav li a {
      text-decoration: none;
      color: white;
  }
  .parkOcBg {
      background-image: url('/images/globalnav/offcanvas-bg.png');
      background-repeat: no-repeat;
      background-position: center bottom;
  }
  #op-tab {
      display: block;
      position: absolute;
      top: 0px;
      left: 40px;
      z-index: 2000;
      padding: 23px 15px 15px 15px;
      background-color: white;
      border-bottom-right-radius: 3px; 
      border-bottom-left-radius: 3px;
  }
  .scale-85 {
      width: 85px;
      transition-duration: 200ms;
  }
  .scale-70 {
      width: 70px;
      transition-duration: 200ms;
  }
  .email-signup-icon {
   margin: 30px;
 }
 .btn-email-signup, .btn-email-signup:hover {
    color: #FFFFFF;
    background-color: #93328E;
    border-color: #93328E;
    letter-spacing: 1px;
  }
  .btn-email-signup-turq, .btn-email-signup-turq:hover {
    color: #FFFFFF;
    background-color: #218376;
    border-color: #218376;
    letter-spacing: 1px;
  }
  .hide {
    opacity: 0;
  }
  
  :root {
    --animate-delay: 0.4s;
  }
 
 .blog-article:hover {
  background-color: rgb(34,41,46);
 }
 .full-width-hero {
   width: 100%;
   margin: 0;
   height: 600px;
   display: block;
   border: 1px solid transparent;
 }
 
 .btn-op-lime-green {
   color: white;
   background-color: #77A20B;
 }
 .btn-op-turqoise {
   color: white;
   background-color: #218376;
   font-weight: bold;
 }
 .btn-op-blue {
   color: white;
   background-color: #02578F;
   background-color: #0475BC;
   font-weight: bold;
 }
 .btn-op-lime-green:hover, .btn-op-blue:hover {
   color: white;
 }
 .btn-op-turqoise:hover {
   color: white;
 }
 .op-main-image {
   margin-top: 72px; /*sets height at top to clear top nav bar*/
   width: 100%;
 }
 /* edits to have central table style for sign manual */
.table-signmanual {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table-signmanual > thead > tr > th,
.table-signmanual > tbody > tr > th,
.table-signmanual > tfoot > tr > th,
.table-signmanual > thead > tr > td,
.table-signmanual > tbody > tr > td,
.table-signmanual > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table-signmanual > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table-signmanual > caption + thead > tr:first-child > th,
.table-signmanual > colgroup + thead > tr:first-child > th,
.table-signmanual > thead:first-child > tr:first-child > th,
.table-signmanual > caption + thead > tr:first-child > td,
.table-signmanual > colgroup + thead > tr:first-child > td,
.table-signmanual > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table-signmanual > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-signmanual .table {
  background-color: #fff;
}
.table-signmanual {
  border: 1px solid #ddd;
}
.table-signmanual > thead > tr > th,
.table-signmanual > tbody > tr > th,
.table-signmanual > tfoot > tr > th,
.table-signmanual > thead > tr > td,
.table-signmanual > tbody > tr > td,
.table-signmanual > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-signmanual > thead > tr > th,
.table-signmanual > thead > tr > td {
  border-bottom-width: 2px;
}
.sticky {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 70px;
}
.sticky-0 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0px;
}
.sticky-90 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 90px;
}
.sticky-110 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 110px;
}
.sticky-120 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 120px;
}
.sticky-130 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 130px;
}
.sticky-140 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 140px;
}
.sticky-150 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 150px;
}
.sticky-vertical-10 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	left: 10px;
}
.sticky-vertical-0 {
	position: -webkit-sticky; /* Safari */
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	left: 0px;
}
.special-menu {
	font-size: 1.1em;
	font-weight: bold;
	background-color: rgb(230,230,230);
}
.special-menu:hover {
	background-color: rgb(220,220,220)
}
.green_check {
	color: #39b54a;
}
.red_times {
	color: #a00101;
}
.brandtoolkit-card-title {
	font-size: 1.1em;
	font-weight: bold;
}

.badge-trail-easy {
	border: 2px green solid;
	background-color: white;
	color: green;
}
.badge-trail-moderate {
	border: 2px blue solid;
	background-color: white;
	color: blue;
}
.badge-trail-difficult {
	border: 2px black solid;
	background-color: white;
	color: black;
}


/* end of sign manual edits */

@media only screen and (max-width: 576px) {
   /* mobile screens */
   .snowreport-link {
    padding-left: 100px; 
    border-radius: 5px; 
    background-size:cover; 
    background-image: url('/images/svg/snow-report.svg'); 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 4.5em; 
    background-color: #127F77; 
    color:white; 
    font-size: 1.1em; 
    font-weight: bold;
  }
    .center-container {
        display: block;
        width: 350px;
        margin: 0 auto;
        margin-top: 150px;
        height: 200px;
      }
      .find-a-park-bg {
        background-image: url('/images/homepage/find-a-park-mobile2.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center top;
        background-attachment: local;
     }
     .find-a-park-bg2 {
      background-image: url('/images/homepage/find-a-park-mobile2.jpg');
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: center top;
      background-attachment: local;
   }
     .hero-text-center {
        display: block;
        width: 100%;
        margin: 0 auto;
        color: white;
      }
      .hero-text-center h2 {
        font-size: 3em;
        font-weight: 800;
        color: white;
        color: #E0E2DB;
      }
      .primary-text {
        text-shadow: 2px 2px black;
        font-size: 1.2em; 
        font-weight: bold;
      }
      .c1-video-hero {
        display: none;
      }
      .c1-mobile-hero {
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        margin: 0px;
        padding: 0px;
        height: 609px;
        background-color: black;
        background-image: url('/images/homepage/mobile-hero-image.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;
      }
      .hero-text {
        font-family: Calibri;
        font-weight: 700;
        color: white;
        padding: 15px;
        padding-top: 450px;
        line-height: 1em;
        font-size: 2em;
        position: relative;  
        z-index: 2; 
        text-align: center;
        width: 75%;
        margin: 0 auto;
    }
    .hero-text h1 {
      font-weight: 800;
      font-size: 1.2em;
      padding-bottom: 15px;
      border-bottom: 2px solid white;
    }
    .btn-close {
      filter: invert(100%);
      opacity: .7;
     }
    .offcanvas-header .btn-close {
      padding: .5rem .5rem;
      margin-top: -.5rem;
      margin-right: 0rem;
      margin-bottom: -.5rem;
    }
    .center-section {
      width: 100%;
      margin: 0 auto;
    }
    .grid-test {
      display: grid;
      align-items: center;
      justify-content: center;
      border: 1px solid green;
      grid-template-rows: repeat(9, 125px);
    }
    .grid-test-item {
      display: block;
      border: 1px solid pink;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      /*grid-template-rows: repeat(30, 100px);*
      /*grid-auto-rows: 125px;*/
      /*grid-auto-flow: dense;*/
      row-gap: 30px;
      column-gap: 30px;
      width: 100%;
      padding: 10px;
    }
    .grid-item {
      border-radius: 5px;
      display: block;
      background-color: rgba(255,255,255, .1);
      
      min-width: 175px;
      grid-column: span 12;
      grid-row: span 1
    }
    .featured {
      grid-column: span 12;
      grid-row: span 3;
    }
    .tall {
      grid-column: span 12;
      grid-row: span 6;
    }
    .wide {
      grid-column: span 12;
      grid-row: span 3;
    }
    .square {
      grid-column: span 12;
      grid-row: span 3;
    }
    .brand-feature {
      grid-column: span 12;
      grid-row: span 3;
      background-color: rgb(0,99,183);
      padding: 20px;
      height: 250px;
    }
    .home-feature-keyline {
      border: 1px solid white;
      width: 100%;
      height: 100%;
    }
    .brand-feature-image {
      display: flex;
      justify-content: center;
    }
    .grid-brand-box {
      display: grid;
      /*grid-template-columns: repeat(1, 1fr);*/
      grid-template-rows: repeat(2, 150px);
      row-gap: 10px;
      /*width: 100%;
      height: 75%;*/
      align-items: center;
      justify-content: center;
    }
    .grid-brand-box-item {
      display: block;
      /*border: 1px solid yellow; */
    }
    .grid-brand-box-item p {
      text-align: center;
    }
    .grid-brand-box > a {
      color: white;
      font-weight: bold;
    }
    .grid-item-content {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: repeat(2, 100px);
      row-gap: 20px;
    }
    .grid-item-image {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-template-columns: 1, 100%;
    }
    .grid-item-content > img {
      grid-column: span 12;
      border-radius: 5px 5px 0px 0px;
    }
    .grid-item-content > p {
      grid-column: span 12;
      margin: 0px 10px 10px 10px;
      font-size: 1.2em;
    }
    .grid-item-content > span {
      grid-column: span 3;
    }
    .fill {
      object-fit: fill;
      width: 100%;
      overflow: hidden;
    }
    .cover-image {
      height: 100%;
      border-radius: 5px;
    }
    .col-span-2 {
      grid-column: span 2;
    }
    .col-span-3 {
      grid-column: span 3;
    }
    .col-span-4 {
      grid-column: span 4;
    }
    .col-span-5 {
      grid-column: span 5;
    }
    .col-span-6 {
      grid-column: span 6;
    }
    .col-span-7 {
      grid-column: span 7;
    }
    .col-span-8 {
      grid-column: span 8;
    }
    .col-span-9 {
      grid-column: span 9;
    }
    .col-span-10 {
      grid-column: span 10;
    }
    .col-span-11 {
      grid-column: span 11;
    }
    .col-span-12 {
      grid-column: span 12;
    }
    .hide {
      opacity: 0;
      display: none;
    }
    .dis-icon {
      width: 105px;
      height: 105px;
    }
    .find-park-pos {
      position: absolute; 
      margin: 0; 
      /*top: 10%; */
      bottom: 0%;
      width: 100%;
      left: 50%; 
      -ms-transform: translateX(-50%); 
      transform: translateX(-50%);
    }
    .find-a-park-bg3 {
      background-size: 546px 459px; 
      border: 0px solid peru;
      height: 627px;
      width: 100%;
      margin: 0 auto;
      padding: 0px;
      background-image: url('/images/homepage/find-a-park.png');
      background-repeat: no-repeat;
      background-position: left top;
    }
    .snow-report-feature {
      border: 0px solid yellow;
      position: relative;
      height: 800px;
      width: 100%;
      padding: 0px;
    }
    .snow-report-image {
      border: 0px solid blue;
      float: left;
      height: 800px;
      width: 100%;
      padding: 0px;
      background-image: url('/images/homepage/feature/snow-report-bg-mobile.jpg');
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100% auto;
      /*-ms-transform: translateX(-250px);
      transform: translateX(-250px);*/
    }
    .snow-report-text {
      color: black;
      border: 0px solid red;
      position: absolute;
      /*top: 50%;
      left: 60%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);*/
      bottom: 0px;
      width: 100%;
      padding: 15px;
    }
    .store-feature {
      border: 0px solid yellow;
      position: relative;
      height: 725px;
      width: 100%;
      padding: 0px;
    }
    .store-text {
      color: black;
      border: 0px solid red;
      position: absolute;
      bottom: 125px;
      padding: 15px;
      width: 100%;
    }
    .store-text h2, .store-text p {
      text-align: center;
    }
    .store-feature-image {
      height: 627px;
      width: 100%;
      padding: 0px;
      background-image: url('/images/homepage/feature/store-mobile.png');
      background-repeat: no-repeat;
      background-position: 0% 0%;
      background-size: 100% auto;
      clip-path: circle(50% at 50% 5%);
    }
    .winter-hphp-feature {
      height: 867px;
      width: 100%;
      padding: 0px;
      background-image: url('/images/homepage/winter-hphp.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
    .op-hero-image {
      width: 100%;  
      padding: 140px 0px 100px 0px; 
      position: absolute; 
      top: 0px; 
      left: 0px; 
      text-align: center;
    }
    .hero-text-careers-big {
      text-shadow: 2px 2px #000000; 
      font-size: 2.2em; 
      color: white;
    }
    .hero-text-careers {
      text-shadow: 2px 2px #000000; 
      font-size: 1.5em; 
      color: white;
    }
  }
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .snowreport-link {
    padding-left: 100px; 
    border-radius: 5px; 
    background-size:cover; 
    background-image: url('/images/svg/snow-report.svg'); 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 70px; 
    background-color: #127F77; 
    color:white; 
    font-size: 1.1em; 
    font-weight: bold;
  }  
  .center-section {
      width: 100%;
      margin: 0 auto;
    }
    .hero-text-center {
      display: block;
      margin: 0 auto;
      color: white;
      color: #E0E2DB;
    }
    .hero-text-center h2 {
      font-size: 3em;
      font-weight: 800;
      color: white;
      color: #E0E2DB;
    }
    .primary-text {
      text-shadow: 2px 2px black;
      font-size: 1.2em; 
      font-weight: bold;
    }
    .grid-test {
      display: grid;
      align-items: center;
      justify-content: center;
      border: 1px solid green;
      grid-template-rows: repeat(9, 125px);
    }
    .grid-test-item {
      display: block;
      border: 1px solid pink;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      grid-template-rows: repeat(15, 90px);
      /*grid-auto-rows: 125px;*/
      grid-auto-flow: dense;
      row-gap: 30px;
      column-gap: 30px;
      width: 100%;
      padding: 10px;
    }
    .grid-item {
      border-radius: 5px;
      display: block;
      background-color: rgba(255,255,255, .1);
      /*min-width: 175px;*/
      grid-column: span 6;
      grid-row: span 3
    }
    .featured {
      grid-column: span 6;
      grid-row: span 3;
    }
    .tall {
      grid-column: span 6;
      grid-row: span 6;
    }
    .wide {
      grid-column: span 12;
      grid-row: span 3;
    }
    .square {
      grid-column: span 6;
      grid-row: span 3;
    }
    .brand-feature {
      background-color: rgb(0,99,183);
      padding: 20px;
    }
    .home-feature-keyline {
      border: 1px solid white;
      width: 100%;
      height: 100%;
    }
    .brand-feature-image {
      display: flex;
      justify-content: center;
    }
    .grid-brand-box {
      display: grid;
      /*grid-template-columns: repeat(1, 1fr);*/
      grid-template-rows: repeat(2, 375px);
      row-gap: 10px;
      /*width: 100%;
      height: 75%;*/
      align-items: center;
      justify-content: center;
    }
    .grid-brand-box-item {
      display: block;
      /*border: 1px solid yellow; */
    }
    .grid-brand-box-item p {
      text-align: center;
    }
    .grid-brand-box > a {
      color: white;
      font-weight: bold;
    }
    .grid-item-content {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: repeat(2, 100px);
      row-gap: 20px;
    }
    .grid-item-image {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-template-columns: 1, 100%;
    }
    .grid-item-content > img {
      grid-column: span 12;
      border-radius: 5px 5px 0px 0px;
    }
    .grid-item-content > p {
      grid-column: span 12;
      margin: 0px 10px 10px 10px;
      font-size: 1.2em;
    }
    .grid-item-content > span {
      grid-column: span 3;
    }
    .fill {
      object-fit: fill;
      width: 100%;
      overflow: hidden;
    }
    .cover-image {
      height: 100%;
      border-radius: 5px;
    }
    .col-span-2 {
      grid-column: span 2;
    }
    .col-span-3 {
      grid-column: span 3;
    }
    .col-span-4 {
      grid-column: span 4;
    }
    .col-span-5 {
      grid-column: span 5;
    }
    .col-span-6 {
      grid-column: span 6;
    }
    .col-span-7 {
      grid-column: span 7;
    }
    .col-span-8 {
      grid-column: span 8;
    }
    .col-span-9 {
      grid-column: span 9;
    }
    .col-span-10 {
      grid-column: span 10;
    }
    .col-span-11 {
      grid-column: span 11;
    }
    .col-span-12 {
      grid-column: span 12;
    }
    .hide {
      opacity: 0;
      display: none;
    }
    .dis-icon {
      width: 125px;
      height: 125px;
    }
    .find-park-pos {
      position: absolute; 
      margin: 0; 
      /*top: 10%; */
      bottom: 0px;
      left: 50%; 
      -ms-transform: translateX(-50%); 
      transform: translateX(-50%);
    }
    .find-a-park-bg3 {
      background-size: 546px 459px; 
      border: 0px solid purple;
      height: 627px;
      width: 100%;
      margin: 0 auto;
      padding: 0px;
      background-image: url('/images/homepage/find-a-park.png');
      background-repeat: no-repeat;
      background-position: left top;
    }
    .snow-report-feature {
      border: 0px solid yellow;
      position: relative;
      height: 627px;
      width: 100%;
      padding: 0px;
    }
    .snow-report-image {
      border: 0px solid blue;
      float: left;
      height: 627px;
      width: 100%;
      padding: 0px;
      background-image: url('/images/homepage/feature/snow-report-bg-mobile.jpg');
      background-repeat: no-repeat;
      background-position: top left;
      background-size: 100% 100%;
    }
    .snow-report-text {
      color: black;
      border: 0px solid red;
      position: absolute;
      /*top: 50%;
      left: 60%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);*/
      bottom: 0px;
      padding: 15px;
      width: 100%;
    }
    .store-feature {
      border: 0px solid yellow;
      position: relative;
      height: 775px;
      width: 100%;
      padding: 0px;
    }
    .store-text {
      color: black;
      border: 0px solid red;
      position: absolute;
      bottom: 0px;
      padding: 15px;
      width: 100%;
    }
    .store-text h2, .store-text p {
      text-align: center;
    }
    .store-feature-image {
      height: 627px;
      width: 100%;
      padding: 0px;
      background-image: url('/images/homepage/feature/store-mobile.png');
      background-repeat: no-repeat;
      background-position: 0% 15%;
      background-size: 100% auto;
      clip-path: circle(70% at 50% 5%);
    }
    .winter-hphp-feature {
     
      border: 0px solid yellow;
      height: 867px;
      width: 100%;
      padding: 0px;
      background-image: url('/images/homepage/winter-hphp.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
    }
    .op-hero-image {
      width: 100%;  
      padding: 140px 0px 100px 0px; 
      position: absolute; 
      top: 0px; 
      left: 0px; 
      text-align: center;
    }
    .hero-text-careers-big {
      text-shadow: 2px 2px #000000; 
      font-size: 2.4em; 
      color: white;
    }
    .hero-text-careers {
      text-shadow: 2px 2px #000000; 
      font-size: 1.5em; 
      color: white;
    }
  }
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .snowreport-link {
    padding-left: 100px; 
    border-radius: 5px; 
    background-size:cover; 
    background-image: url('/images/svg/snow-report.svg'); 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 70px; 
    background-color: #127F77; 
    color:white; 
    font-size: 1.1em; 
    font-weight: bold;
  }
  .center-section {
    width: 768px;
    margin: 0 auto;
  }
  .hero-text-center {
    display: block;
    width: 100%;
    margin: 0 auto;
    color: white;
    color: #E0E2DB;
  }
  .hero-text-center h2 {
    font-size: 3em;
    font-weight: 800;
    color: white;
    color: #E0E2DB;
  }
  .primary-text {
    text-shadow: 2px 2px black;
    font-size: 1.2em; 
    font-weight: bold;
  }
  .grid-test {
    display: grid;
    align-items: center;
    justify-content: center;
    border: 1px solid green;
    grid-template-rows: repeat(9, 125px);
  }
  .grid-test-item {
    display: block;
    border: 1px solid pink;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 90px);
    /*grid-auto-rows: 125px;*/
    grid-auto-flow: dense;
    row-gap: 30px;
    column-gap: 30px;
    width: 768px;
    padding: 10px;
  }
  .grid-item {
    border-radius: 5px;
    display: block;
    background-color: rgba(255,255,255, .1);
    
    min-width: 175px;
    grid-column: span 3;
    grid-row: span 3
  }
  .featured {
    grid-column: span 6;
    grid-row: span 3;
  }
  .tall {
    grid-column: span 4;
    grid-row: span 6;
  }
  .wide {
    grid-column: span 8;
    grid-row: span 3;
  }
  .square {
    grid-column: span 4;
    grid-row: span 3;
  }
  .brand-feature {
    background-color: rgb(0,99,183);
    padding: 20px;
  }
  .home-feature-keyline {
    border: 1px solid white;
    width: 100%;
    height: 100%;
  }
  .brand-feature-image {
    display: flex;
    justify-content: center;
  }
  .grid-brand-box {
    display: grid;
    /*grid-template-columns: repeat(1, 1fr);*/
    grid-template-rows: repeat(2, 375px);
    row-gap: 10px;
    /*width: 100%;
    height: 75%;*/
    align-items: center;
    justify-content: center;
  }
  .grid-brand-box-item {
    display: block;
    /*border: 1px solid yellow; */
  }
  .grid-brand-box-item p {
    text-align: center;
  }
  .grid-brand-box > a {
    color: white;
    font-weight: bold;
  }
  .grid-item-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 100px);
    row-gap: 20px;
  }
  .grid-item-image {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-columns: 1, 100%;
  }
  .grid-item-content > img {
    grid-column: span 12;
    border-radius: 5px 5px 0px 0px;
  }
  .grid-item-content > p {
    grid-column: span 12;
    margin: 0px 10px 10px 10px;
    font-size: 1.2em;
  }
  .grid-item-content > span {
    grid-column: span 3;
  }
  .fill {
    object-fit: fill;
    width: 100%;
    overflow: hidden;
  }
  .cover-image {
    height: 100%;
    border-radius: 5px;
  }
  .col-span-2 {
    grid-column: span 2;
  }
  .col-span-3 {
    grid-column: span 3;
  }
  .col-span-4 {
    grid-column: span 4;
  }
  .col-span-5 {
    grid-column: span 5;
  }
  .col-span-6 {
    grid-column: span 6;
  }
  .col-span-7 {
    grid-column: span 7;
  }
  .col-span-8 {
    grid-column: span 8;
  }
  .col-span-9 {
    grid-column: span 9;
  }
  .col-span-10 {
    grid-column: span 10;
  }
  .col-span-11 {
    grid-column: span 11;
  }
  .col-span-12 {
    grid-column: span 12;
  }
  .hide {
    opacity: 0;
    display: none;
  }
  .dis-icon {
    width: 125px;
    height: 125px;
  }
  .find-park-pos {
    position: absolute; 
    margin: 0; 
    top: 10%; 
    left: 50%; 
    -ms-transform: translateX(-20%); 
    transform: translateX(-20%);
  }
  .find-a-park-bg3 {
    background-size: 546px 459px; 
    border: 0px solid purple;
    height: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    background-image: url('/images/homepage/find-a-park-ont.jpg');
    background-repeat: no-repeat;
    background-position: left top;
  }
  .snow-report-feature {
    border: 0px solid yellow;
    position: relative;
    height: 627px;
    width: 100%;
    padding: 0px;
  }
  .snow-report-image {
    border: 0px solid blue;
    float: left;
    height: 627px;
    width: 70%;
    padding: 0px;
    background-image: url('/images/homepage/feature/snow-report-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
  }
  .snow-report-text {
    color: black;
    border: 0px solid red;
    position: absolute;
    top: 50%;
    left: 60%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .store-feature {
    border: 0px solid yellow;
    position: relative;
    height: 627px;
    width: 100%;
    padding: 0px;
  }
  .store-text {
    color: black;
    border: 0px solid red;
    position: absolute;
    top: 50%;
    left: 60%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .store-feature-image {
    height: 627px;
    width: 60%;
    padding: 0px;
    background-image: url('/images/homepage/feature/store.png');
    background-repeat: no-repeat;
    background-position: 25%;
    background-size: cover;
    clip-path: circle(70% at 18% 50%);
  }
  .winter-hphp-feature {
   
    border: 0px solid yellow;
    height: 867px;
    width: 100%;
    padding: 0px;
    background-image: url('/images/homepage/winter-hphp.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .op-hero-image {
    width: 100%; 
    padding: 130px 0px 100px 0px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    text-align: center;
  }
  .hero-text-careers-big {
    text-shadow: 2px 2px #000000; 
    font-size: 2.5em; 
    color: white;
  }
  .hero-text-careers {
    text-shadow: 2px 2px #000000; 
    font-size: 1.6em; 
    color: white;
  }
}
@media only screen and  (min-width: 992px) and (max-width: 1199.98px) {
  .snowreport-link {
    padding-left: 100px; 
    border-radius: 5px; 
    background-size:cover; 
    background-image: url('/images/svg/snow-report.svg'); 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 70px; 
    background-color: #127F77; 
    color:white; 
    font-size: 1.1em; 
    font-weight: bold;
  }
  .center-section {
    width: 992px;
    margin: 0 auto;
  }
  .hero-text-center {
    display: block;
    width: 100%;
    margin: 0 auto;
    color: white;
    color: #E0E2DB;
  }
  .hero-text-center h2 {
    font-size: 3em;
    font-weight: 800;
    color: white;
    color: #E0E2DB;
  }
  .primary-text {
    text-shadow: 2px 2px black;
    font-size: 1.2em; 
    font-weight: bold;
  }
  .grid-test {
    display: grid;
    align-items: center;
    justify-content: center;
    border: 1px solid green;
    grid-template-rows: repeat(9, 125px);
  }
  .grid-test-item {
    display: block;
    border: 1px solid pink;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 125px);
    /*grid-auto-rows: 125px;*/
    grid-auto-flow: dense;
    row-gap: 30px;
    column-gap: 30px;
    width: 992px;
    padding: 10px;
  }
  .grid-item {
    border-radius: 5px;
    display: block;
    background-color: rgba(255,255,255, .1);
    
    min-width: 175px;
    grid-column: span 3;
    grid-row: span 3
  }
  .featured {
    grid-column: span 6;
    grid-row: span 3;
  }
  .tall {
    grid-column: span 4;
    grid-row: span 6;
  }
  .wide {
    grid-column: span 8;
    grid-row: span 3;
  }
  .square {
    grid-column: span 4;
    grid-row: span 3;
  }
  .brand-feature {
    background-color: rgb(0,99,183);
    padding: 20px;
  }
  .home-feature-keyline {
    border: 1px solid white;
    width: 100%;
    height: 100%;
  }
  .brand-feature-image {
    display: flex;
    justify-content: center;
  }
  .grid-brand-box {
    display: grid;
    /*grid-template-columns: repeat(1, 1fr);*/
    grid-template-rows: repeat(2, 375px);
    row-gap: 10px;
    /*width: 100%;
    height: 75%;*/
    align-items: center;
    justify-content: center;
  }
  .grid-brand-box-item {
    display: block;
    /*border: 1px solid yellow; */
  }
  .grid-brand-box-item p {
    text-align: center;
  }
  .grid-brand-box > a {
    color: white;
    font-weight: bold;
  }
  .grid-item-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 100px);
    row-gap: 20px;
  }
  .grid-item-image {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-columns: 1, 100%;
  }
  .grid-item-content > img {
    grid-column: span 12;
    border-radius: 5px 5px 0px 0px;
  }
  .grid-item-content > p {
    grid-column: span 12;
    margin: 0px 10px 10px 10px;
    font-size: 1.2em;
  }
  .grid-item-content > span {
    grid-column: span 3;
  }
  .fill {
    object-fit: fill;
    width: 100%;
    overflow: hidden;
  }
  .cover-image {
    height: 100%;
    border-radius: 5px;
  }
  .col-span-2 {
    grid-column: span 2;
  }
  .col-span-3 {
    grid-column: span 3;
  }
  .col-span-4 {
    grid-column: span 4;
  }
  .col-span-5 {
    grid-column: span 5;
  }
  .col-span-6 {
    grid-column: span 6;
  }
  .col-span-7 {
    grid-column: span 7;
  }
  .col-span-8 {
    grid-column: span 8;
  }
  .col-span-9 {
    grid-column: span 9;
  }
  .col-span-10 {
    grid-column: span 10;
  }
  .col-span-11 {
    grid-column: span 11;
  }
  .col-span-12 {
    grid-column: span 12;
  }
  .hide {
    opacity: 0;
    display: none;
  }
  .dis-icon {
    width: 135px;
    height: 135px;
  }
  .find-park-pos {
    position: absolute; 
    margin: 0; 
    top: 10%; 
    left: 55%; 
    -ms-transform: translateX(-10%); 
    transform: translateX(-10%);
  }
  .find-a-park-bg3 {
    background-size: 746px 627px;
    border: 0px solid greenyellow;
    height: 627px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    background-image: url('/images/homepage/find-a-park.png');
    background-repeat: no-repeat;
    background-position: left top;
  }
  .snow-report-feature {
    border: 0px solid yellow;
    position: relative;
    height: 627px;
    width: 100%;
    padding: 0px;
  }
  .snow-report-image {
    border: 0px solid blue;
    float: left;
    height: 627px;
    width: 70%;
    padding: 0px;
    background-image: url('/images/homepage/feature/snow-report-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
  }
  .store-feature {
    border: 0px solid yellow;
    position: relative;
    height: 627px;
    width: 100%;
    padding: 0px;
  }
  .store-text {
    color: black;
    border: 0px solid red;
    position: absolute;
    top: 50%;
    left: 60%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .store-feature-image {
    height: 627px;
    width: 70%;
    padding: 0px;
    background-image: url('/images/homepage/feature/store.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    clip-path: circle(70% at 18% 50%);
  }
  .snow-report-text {
    color: black;
    border: 0px solid red;
    position: absolute;
    top: 50%;
    left: 60%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .winter-hphp-feature {
    border: 0px solid yellow;
    height: 867px;
    width: 100%;
    padding: 0px;
    background-image: url('/images/homepage/winter-hphp.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .op-hero-image {
    width: 100%; 
    padding: 135px 0px 100px 0px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    text-align: center;
  }
  .hero-text-careers-big {
    text-shadow: 2px 2px #000000; 
    font-size: 2.7em; 
    color: white;
  }
  .hero-text-careers {
    text-shadow: 2px 2px #000000; 
    font-size: 1.8em; 
    color: white;
  }
}
@media only screen and  (min-width: 1200px) {
  .snowreport-link {
    padding-left: 100px; 
    border-radius: 5px; 
    background-size:cover; 
    background-image: url('/images/svg/snow-report.svg'); 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 70px; 
    background-color: #127F77; 
    color:white; 
    font-size: 1.1em; 
    font-weight: bold;
  }
  .center-section {
    width: 1200px;
    margin: 0 auto;
  }
  .hero-text-center {
    display: block;
    width: 100%;
    margin: 0 auto;
    color: white;
    color: #E0E2DB;
  }
  .hero-text-center h2 {
    font-size: 3em;
    font-weight: 800;
    color: white;
    color: #E0E2DB;
  }
  .primary-text {
    text-shadow: 2px 2px black;
    font-size: 1.2em; 
    font-weight: bold;
  }
  .grid-test {
    display: grid;
    align-items: center;
    justify-content: center;
    border: 1px solid green;
    grid-template-rows: repeat(9, 125px);
  }
  .grid-test-item {
    display: block;
    border: 1px solid pink;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /*grid-template-rows: repeat(9, 125px);*/
    grid-auto-rows: 125px;
    /*grid-auto-flow: dense;*/
    row-gap: 30px;
    column-gap: 30px;
    width: 1200px;
    padding: 10px;
  }
  .grid-item {
    border-radius: 5px;
    display: block;
    background-color: rgba(255,255,255, .1);
    
    min-width: 175px;
    grid-column: span 3;
    grid-row: span 3
  }
  .featured {
    grid-column: span 6;
    grid-row: span 3;
  }
  .tall {
    grid-column: span 4;
    grid-row: span 6;
  }
  .wide {
    grid-column: span 8;
    grid-row: span 3;
  }
  .square {
    grid-column: span 4;
    grid-row: span 3;
  }
  .brand-feature {
    background-color: rgb(0,99,183);
    padding: 20px;
  }
  .home-feature-keyline {
    border: 1px solid white;
    width: 100%;
    height: 100%;
  }
  .brand-feature-image {
    display: flex;
    justify-content: center;
  }
  .grid-brand-box {
    display: grid;
    /*grid-template-columns: repeat(1, 1fr);*/
    grid-template-rows: repeat(2, 375px);
    row-gap: 10px;
    /*width: 100%;
    height: 75%;*/
    align-items: center;
    justify-content: center;
  }
  .grid-brand-box-item {
    display: block;
    /*border: 1px solid yellow; */
  }
  .grid-brand-box-item p {
    text-align: center;
  }
  .grid-brand-box > a {
    color: white;
    font-weight: bold;
  }
  .grid-item-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 100px);
    row-gap: 20px;
  }
  .grid-item-image {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-columns: 1, 100%;
  }
  .grid-item-content > img {
    grid-column: span 12;
    border-radius: 5px 5px 0px 0px;
  }
  .grid-item-content > p {
    grid-column: span 12;
    margin: 0px 10px 10px 10px;
    font-size: 1.2em;
  }
  .grid-item-content > span {
    grid-column: span 3;
  }
  .fill {
    object-fit: fill;
    width: 100%;
    overflow: hidden;
  }
  .cover-image {
    height: 100%;
    border-radius: 5px;
  }
  .col-span-2 {
    grid-column: span 2;
  }
  .col-span-3 {
    grid-column: span 3;
  }
  .col-span-4 {
    grid-column: span 4;
  }
  .col-span-5 {
    grid-column: span 5;
  }
  .col-span-6 {
    grid-column: span 6;
  }
  .col-span-7 {
    grid-column: span 7;
  }
  .col-span-8 {
    grid-column: span 8;
  }
  .col-span-9 {
    grid-column: span 9;
  }
  .col-span-10 {
    grid-column: span 10;
  }
  .col-span-11 {
    grid-column: span 11;
  }
  .col-span-12 {
    grid-column: span 12;
  }
  .hide {
    opacity: 0;
    display: none;
  }
  .dis-icon {
    width: 155px;
    height: 155px;
  }
  .find-park-pos {
    position: absolute; 
    margin: 0; 
    top: 10%; 
    left: 50%; 
    -ms-transform: translateX(-10%); 
    transform: translateX(-10%);
  }
  .find-a-park-bg3 {
    background-size: 746px 627px; 
    border: 0px solid red;
    height: 627px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    background-image: url('/images/homepage/find-a-park.png');
    background-repeat: no-repeat;
    background-position: left top;
  }
  .snow-report-feature {
    border: 0px solid yellow;
    position: relative;
    height: 627px;
    width: 100%;
    padding: 0px;
  }
  .snow-report-image {
    border: 0px solid blue;
    float: left;
    height: 627px;
    width: 70%;
    padding: 0px;
    background-image: url('/images/homepage/feature/snow-report-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
  }
  .store-feature {
    border: 0px solid yellow;
    position: relative;
    height: 627px;
    width: 100%;
    padding: 0px;
  }
  .store-text {
    color: black;
    border: 0px solid red;
    position: absolute;
    top: 50%;
    left: 60%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .store-feature-image {
    height: 627px;
    width: 70%;
    padding: 0px;
    background-image: url('/images/homepage/feature/store.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    clip-path: circle(50% at 25% 50%);
  }
  .snow-report-text {
    color: black;
    border: 0px solid red;
    position: absolute;
    top: 50%;
    left: 60%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 50px;
  }
  .winter-hphp-feature {
   
    border: 0px solid yellow;
    height: 867px;
    width: 100%;
    padding: 0px;
    background-image: url('/images/homepage/winter-hphp.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .op-hero-image {
    width: 100%; 
    padding: 140px 0px 100px 0px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    text-align: center;
  }
  .hero-text-careers-big {
    text-shadow: 2px 2px #000000; 
    font-size: 2.8em; 
    color: white;
  }
  .hero-text-careers {
    text-shadow: 2px 2px #000000; 
    font-size: 2em; 
    color: white;
  }
}