/*---------- HEADER TOP ----------*/
/* line 7, C:/xampp2/htdocs/grubberz/sass/main.scss */
.top-header {
  width: 100%;
  height: 620px;
  background: #36363d url(../img/basketball-bg.jpeg) no-repeat center;
  background-size: cover;
  /*background-blend-mode: soft-light;*/
  padding-bottom: 40px;
}

/* line 16, C:/xampp2/htdocs/grubberz/sass/main.scss */
.mockup-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* line 23, C:/xampp2/htdocs/grubberz/sass/main.scss */
.mockup-wrapper h2 {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
}

/* line 29, C:/xampp2/htdocs/grubberz/sass/main.scss */
.mockup-wrapper p {
  font-size: 20px;
  color: white;
  max-width: 500px;
}

/* line 36, C:/xampp2/htdocs/grubberz/sass/main.scss */
.mobile-active {
  transform: translateX(0%) !important;
}

/* line 42, C:/xampp2/htdocs/grubberz/sass/main.scss */
.laptop-header {
  max-width: 100%;
  left: 0;
}

/* line 47, C:/xampp2/htdocs/grubberz/sass/main.scss */
.phone-header {
  max-width: 30%;
  right: 0;
  -webkit-transform: translateY(9%);
  -moz-transform: translateY(9%);
  -ms-transform: translateY(9%);
  -o-transform: translateY(9%);
  transform: translateY(9%);
  position: absolute;
}

/*---------- ICON WALKTHROUGH SECTION ----------*/
/* line 61, C:/xampp2/htdocs/grubberz/sass/main.scss */
.feature-title {
  color: #1a80b6;
  margin-top: 20px;
}

/* line 66, C:/xampp2/htdocs/grubberz/sass/main.scss */
.walkthrough-wrapper h2 {
  color: #1a80b6;
  margin-top: 30px;
	margin-bottom: 20px;
}

/* line 71, C:/xampp2/htdocs/grubberz/sass/main.scss */
.walkthrough-section img {
  width: 90px;
  height: 90px;
  margin-top: 60px;
}

/* line 77, C:/xampp2/htdocs/grubberz/sass/main.scss */
.walkthrough-section p {
  color: #1a80b6;
  margin-top: 20px;
  font-size: 16px;
}

/* line 83, C:/xampp2/htdocs/grubberz/sass/main.scss */
.walkthrough-section {
  text-align: center;
}

/*---------- VIDEO SECTION ----------*/
/* line 91, C:/xampp2/htdocs/grubberz/sass/main.scss */
.video-foreground {
  position: relative;
  overflow: hidden;
  height: 500px;
}

/* line 97, C:/xampp2/htdocs/grubberz/sass/main.scss */
.video-foreground iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
}

/* line 113, C:/xampp2/htdocs/grubberz/sass/main.scss */
.video-section {
  margin-top: 60px;
  padding: 60px 0;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-color: #1a80b6;
}

/* line 125, C:/xampp2/htdocs/grubberz/sass/main.scss */
.video-wrapper h2 {
  font-size: 30px;
  margin-top: 0px;
}

/*---------- THUMBNAIL SECTION ----------*/
/* line 134, C:/xampp2/htdocs/grubberz/sass/main.scss */
.thumbnail {
  margin: 60px auto 0;
  background-color: #1a80b6;
  border-radius: 5px;
  width: 450px;
  padding: 10px;
  max-width: 100%;
}

/*---------- MEDIA QUERIES ----------*/
@media only screen and (min-width: 992px) {
  /* line 151, C:/xampp2/htdocs/grubberz/sass/main.scss */
  .mockup-wrapper {
    height: 500px;
  }
}

@media only screen and (max-width: 991px) {
  /* line 159, C:/xampp2/htdocs/grubberz/sass/main.scss */
  .mockup-wrapper {
    height: 400px;
  }
  /* line 162, C:/xampp2/htdocs/grubberz/sass/main.scss */
  .video-foreground {
    height: 380px;
  }
}

@media only screen and (max-width: 768px) {
  /* line 175, C:/xampp2/htdocs/grubberz/sass/main.scss */
  .video-foreground {
    height: 165px;
    width: 120%;
    margin-left: -10%;
  }
  /* line 181, C:/xampp2/htdocs/grubberz/sass/main.scss */
  .top-header {
    height: auto;
  }
}

.btn-margin {
	margin-bottom: 10px;
}
/*# sourceMappingURL=../css/main.map */