@font-face {
  font-family: "CopperFont";
  src: url("../../fonts/Bree/Bree-Bold.ttf"); }
@font-face {
  font-family: "CopperFontBold";
  src: url("asset/fonts/CooperBlackStd.otf") format("opentype"); }
@font-face {
  font-family: "CopperFontBoldItalic";
  src: url("asset/fonts/CooperBlackStd-Italic.otf") format("opentype"); }
@media screen and (min-width: 320px) and (max-width: 991.5px) {
  html {
    font-size: calc(20px + 6 * ((100vw - 320px) / 680));
    /* 				line-height: calc(80px + 6 * ((100vw - 320px) / 680)); */ }

  #poster img {
    width: 100%; }

  .store-image {
    width: 40%; }

  #section7 {
    text-align: center; }
    #section7 .number-image {
      width: 25%; }

  .borded h6 {
    text-align: center;
    font-size: 15px;
    color: #90D307; }

  #section8 .list {
    font-size: 80%;
    margin-left: 20%;
    padding-top: 3%; }
  #section8 .image-arrow {
    width: 10%;
    height: 10%;
    padding-right: 10px; } }
@media screen and (min-width: 992px) {
  html {
    font-size: 18px; }

  #poster img {
    width: 100%;
    height: 650px; }

  #section7 .number-image {
    width: 100%; }
  #section7 .store-image {
    margin-top: 20px;
    width: 25%; }

  #section8 .list {
    margin-left: 40%;
    padding-top: 3%; }
  #section8 .image-arrow {
    width: 8%;
    height: 8%;
    padding-right: 20px; } }
.img {
  width: 100%; }

.no-padding {
  padding: 0px; }

.padding-top-bottom {
  padding-top: 1%;
  padding-bottom: 3%; }

.float-container {
  position: relative;
  text-align: center; }

/* Bottom left */
.float-bottomleft {
  position: absolute;
  bottom: 8px;
  left: 16px; }

/* Top left */
.float-topleft {
  position: absolute;
  top: 8px;
  left: 16px; }

/* Top right */
.float-topright {
  position: absolute;
  top: 8px;
  right: 16px; }

/* Bottom right */
.float-bottomright {
  position: absolute;
  bottom: 8px;
  right: 16px; }

/* Centered */
.float-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* Centered Top */
.float-centertop {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translate(-50%, -50%); }

/* Centered Left*/
.float-centerleft {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(-50%, -50%); }

.divider {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8c8c inset; }

.matchagreen {
  background-color: #93D500; }

.lightgreen {
  background-color: #A2E55A; }

.green {
  background-color: #4EBC20; }

.darkgreen {
  background-color: #02890B; }

#section2 img {
  width: 100%; }
#section2 button {
  color: white;
  background-color: #90D307;
  width: 150px;
  border-radius: 15px;
  border: none; }

#section3 .title {
  text-align: center; }
  #section3 .title h2 {
    color: #90D307; }
#section3 img {
  width: 100%; }
#section3 h6 {
  text-align: center; }
#poster-before-mid {
  background-color: #0e0045; /* For browsers that do not support gradients */
  background-image: linear-gradient(#0e0045, #303a8c);
  -moz-box-shadow: inset 0px 11px 8px -10px #8c8c8c;
  -webkit-box-shadow: inset 0px 11px 8px -10px #8c8c8c;
  box-shadow: inset 0px 11px 8px -10px #8c8c8c; }
#poster-before-mid h3, #poster-before-mid p {
  color: white !important;
}
@media (max-width: 992px) {
  #poster-before-mid img {
    width: 70%;
    margin-left: 15%;
    margin-bottom: 80px;
  }
  #poster-before-mid #container-subsection2 {
    margin-top:10% !important;
  }
}
#poster-mid {
  -moz-box-shadow: inset 0px 11px 8px -10px #8c8c8c;
  -webkit-box-shadow: inset 0px 11px 8px -10px #8c8c8c;
  box-shadow: inset 0px 11px 8px -10px #8c8c8c; }
  #poster-mid img {
    width: 100%; }

#section5 .title {
  text-align: center; }
  #section5 .title h2 {
    color: #90D307; }
#section5 p {
  color: #90D307; }
#section5 .borded {
  border-radius: 25px;
  border: 1px solid lightgrey;
  padding: 20px;
  width: 100%;
  height: 100%; }
  #section5 .borded p {
    margin-top: 5%;
    font-family: Bree;
    color: #90D307; }

    #section7 .title {
      color: #90D307; }
.verticalLine {
  border-left: 1px solid lightgrey; }

hr {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8c8c inset; }

/*# sourceMappingURL=style.css.map */