.intro-container { margin-top: 5rem; position: relative; z-index: 2; }
.intro-container h1 { font-size: 8rem; font-weight: bold; line-height: 8.5rem; margin-left: -.4rem; }
.intro-container h3 { font-size: 1.8rem; color: #999; text-transform: uppercase; margin-bottom: 0; }

@media only screen and (max-width: 991.98px) { .intro-container { max-width: none; }
  .intro-container h1 { font-size: 6rem; line-height: 6.5rem; }
  .intro-container h3 { font-size: 1.4rem; }
  .intro-container p { font-size: 1.2rem; } }
@media only screen and (max-width: 767.98px) { .intro-container { padding-left: 0; padding-right: 0; }
  .intro-container h1 { font-size: 5.8rem; }
  .intro-container h3 { font-size: 1.3rem; } }
@media (max-width: 499px) { .intro-container h1 { font-size: 4.8rem; }
  .intro-container h3 { font-size: 1.2rem; } }
.intro-icon-left { width: 4.8rem; margin-left: 1rem; }

@media only screen and (max-width: 991.98px) { .intro-icon-left { width: 4rem; } }
.intro-icon-right { width: 8rem !important; position: absolute; right: 0; top: -5.5rem; }

@media only screen and (max-width: 767.98px) { .intro-icon-right { right: 2.5rem; } }
.intro-image { width: 100%; }

@media only screen and (max-width: 767.98px) { .intro-image { padding: 5rem 1.25rem 1.25rem; margin-left: 0; } }
.intro-text { position: relative; }

@media only screen and (max-width: 767.98px) { .intro-text { padding: 3rem 1.25rem; padding-top: 0; } }
.intro-text .big-letter { font-size: 4.5rem; line-height: 4rem; float: left; }

@media only screen and (max-width: 991.98px) { .intro-text .big-letter { font-size: 4rem; line-height: 3.3rem; } }
@media (max-width: 499px) { .intro-text .big-letter { font-size: 3.2rem; line-height: 3rem; } }
.intro-text hr { width: 5rem; background: #000; height: .7rem; float: left; }

.product-section { overflow: hidden; margin-top: -10rem; position: relative; }

@media only screen and (max-width: 991.98px) { .product-section { margin-top: -5rem; } }
@media only screen and (max-width: 767.98px) { .product-section { margin-top: 0; } }
.section-intro { padding: 3rem; background: #fff; margin-top: 4rem; position: relative; max-width: 460px; text-align: center; }

@media only screen and (max-width: 991.98px) { .section-intro { padding: 2rem; }
  .section-intro p { font-size: 1.2rem; } }
.section-intro img { width: 8rem; }

.product-container { margin-top: -10rem; }

@media only screen and (max-width: 991.98px) { .product-container { margin-top: -5rem; } }
.product { background: #fff; height: 100%; transition: box-shadow 0.2s; cursor: pointer; padding-bottom: 1.5rem; }
.product a { text-decoration: none; }
.product:hover { box-shadow: 0px 0px 15px #999; }
.product .measurement, .watch .measurement { color: #999; font-size: 1.4rem; margin-top: 1rem; }

.image-2nd { position: absolute; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.2s; }

.product:hover .image-2nd { visibility: visible; opacity: 1; }

.watch:hover .image-2nd, .product:hover .image-2nd { visibility: visible; opacity: 1; }

.section-background { padding-bottom: 14rem; }

@media only screen and (max-width: 991.98px) { .section-background { padding-bottom: 9rem; } }
.section-divider { text-align: center; background: #EBE9DF; position: relative; }
.section-divider img { width: 6rem; padding: 0 1rem; background: #EBE9DF; position: relative; }
.section-divider:before { content: ''; position: absolute; top: 4.8rem; left: 10%; border-top: 1px solid #bbb; width: 80%; }

.name { margin-top: 1.5rem; margin-bottom: 0.5rem; text-transform: uppercase; }

.product-grid { border-top: none; background: #fff; padding: 0; padding-bottom: 5rem; }

@media (max-width: 767px) { .product-grid { padding-bottom: 0 !important; } }
.product-grid .container { background: #eee; padding: 3rem; position: relative; z-index: 2; margin-top: -10rem; }

@media only screen and (max-width: 767.98px) { .product-grid .container { margin-top: 0; padding: 3rem 1.25rem; } }
.watch-intro-grid { background: #fff; padding: 3rem; height: 100%; }

@media only screen and (max-width: 991.98px) { .watch-intro-grid { padding: 2rem; } }
@media only screen and (max-width: 767.98px) { .watch-intro-grid { padding: 2rem 1.25rem; margin-top: -8rem; height: auto; } }
.watch-intro-grid img { width: 8rem; }

.watch { background: #fff; height: 100%; transition: box-shadow 0.2s; cursor: pointer; padding-bottom: 1.5rem; }
.watch a { text-decoration: none; }
.watch:hover { box-shadow: 0px 0px 1.5rem #999; }
.watch-black:hover { background: #000; }
.watch-black:hover .name { color: #fff; }

.explorer { margin-top: -10rem; transition: transform 2s; }
.explorer img { width: 100%; }

@media (max-width: 991px) { .explorer { margin-top: -5rem; } }
.parallax-zoom-blur { overflow: hidden; padding-bottom: 50%; }

@media only screen and (orientation: portrait) { .parallax-zoom-blur { padding-bottom: 70%; } }
.parallax-zoom-blur img { width: 100%; max-width: none; position: absolute; top: 0%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }