@font-face {
    font-family: "BananaGrotesk";
    src: url("../fonts/BananaGrotesk-Regular.woff");
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  * {
      font-family: "BananaGrotesk", Arial;
  }
  
  h1 {
      font-size: 70px;
      line-height: 80px;
  }
  
  h1, h2 {
      margin-bottom: 30px;
  }
  
  h2 {
      font-size: 42px;
      line-height: 50px;
  }
  
  .container {
      max-width: 1740px;
  }
  
  ul {
      padding-left: 15px;
  }
  
  ul li {
      padding-left: 15px;
  }
  
  body {
      font-size: 16px;
      line-height: 22px;
  }
  
  p, ul {
      margin-bottom: 1.5rem;
  }
  
  /***
  *
  * COPIED STYLES TO WEBSITE / GLOBAL STYLES
  *
  */
  
  .inner-padding {
      padding: 100px 0;
  }
  
  .about-container .row > div:nth-child(1),
  .gift-card-container .row > div:nth-child(2),
  .reward-container .row > div:nth-child(1) {
      padding-top: 100px;
  }
  
  .about-container .container .row,
  .gift-card-container .container .row,
  .reward-container .container .row {
      min-height: 1200px;
  }
  
  .gift-card-container .row > div:nth-child(2) p,
  .about-container .row > div:nth-child(1) p,
  .reward-container .row > div:nth-child(1) h2,
  .reward-container .row > div:nth-child(1) p {
      max-width: 70%;
  }
  
  footer .subscribe-container p {
      max-width: 50%;
  }
  
  .about-container .row > div:nth-child(1) img {
      margin-top: 50px;
  }
  
  .gift-card-container .row > div:nth-child(2) img {
      margin-top: 180px;
  }
  
  .btn {
      display: inline-block;
      vertical-align: middle;
      border-radius: 0;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      padding: 12px 10px;
      min-width: 130px;
      text-align: left;
      line-height: 100%;
      position: relative;
      text-align: center;
  }
  
  .btn,
  .custom-form button {
   -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
  }
  
  .custom-form button {
      border: 1px solid #000;
      background: #000;
      width: 100%;
      color: #fff;
      padding: 10px 15px;
  }
  
  .btn::before,
  .custom-form button::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #fff;
      background-color: rgb(255, 255, 255);
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }
  
  .btn-white::before,
  .subscribe-container .custom-form button:before {
      background: #000;
      border-color: #fff;
  }
  
  .btn i {
      margin: 0 5px;
  }
  
  .btn-black-alter {
      border-color: #000;
      color: #000;
  }
  
  .btn-black:hover, .btn-black:active, .btn-black:focus {
      color: #000;
      border-color: #000;
  }
  
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group > .btn-group:not(:last-child) > .btn {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
  }
  
  .btn-group > .btn, .btn-group-vertical > .btn {
      position: relative;
      flex: 1 1 auto;
  }
  
  .btn-black-alter::before {
      background-color: #000;
  }
  
  .btn-black {
      background: #000;
      color: #ffffff;
  }
  
  .btn-white,
  .subscribe-container .custom-form button {
      background: #fff!important;
      color: #000000!important;
      min-height: 45px;
  }
  
  .btn-white i,
  .subscribe-container .custom-form button i {
      color: #000!important;
  }
  
  .btn-white:hover i,
  .subscribe-container .custom-form button:hover i,
  .btn-white:hover,
  .subscribe-container .custom-form button:hover {
      color: #fff!important;
  }
  
  .btn-group > .btn:hover,
  .btn-group-vertical > .btn:hover {
      z-index: 1;
  }
  
  .btn-black-alter:hover,
  .btn-black-alter:active,
  .btn-black-alter:focus {
      color: #ffffff!important;
      border-color: #000!important;
  }
  
  .btn:hover::before,
  .btn:focus::before,
  .btn:active::before,
  .custom-form button:hover::before,
  .custom-form button:focus::before,
  .custom-form button:active::before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }
  
  .custom-form button:hover {
      color: #000!important;
  }
  
  .custom-form button i {
      position: absolute;
     right: 25px;
      top: 14px;
  }
  
  .border-bottom {
      border-bottom: 0.5px solid #000!important;
  }
  
  .reward-container *,
  footer * {
      color: #fff;
  }
  
  /* Base for label styling */
  [type="checkbox"]:not(:checked),
  [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
  }
  [type="checkbox"]:not(:checked) + label,
  [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    padding-top: 3px;
  }
  
  /* checkbox aspect */
  [type="checkbox"]:not(:checked) + label:before,
  [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 25px; height: 25px;
    border: 1px solid #000;
    background: #fff;
  }
  /* checked mark aspect */
  [type="checkbox"]:not(:checked) + label:after,
  [type="checkbox"]:checked + label:after {
    content: '\f00c';
    position: absolute;
      top: .35em;
      left: .22em;
      font-size: 1.1em;
    line-height: 0.8;
    color: #000;
    transition: all .2s;
    font-family: "Font Awesome 5 Free";
      font-weight: 900 !important;
  }
  /* checked mark aspect changes */
  [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
  }
  [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
  }
  
  /* accessibility */
  [type="checkbox"]:checked:focus + label:before,
  [type="checkbox"]:not(:checked):focus + label:before {
    border: 2px dotted blue;
  }
  
  /***
  *
  * HEADER / NAV / MENU
  *
  */
  
  header {
      background: #000;
      padding: 7px 0;
  }
  
  .navbar-dark {
      padding-right: 0;
      padding-left: 0;
  }
  
  .navbar-dark .navbar-nav .active > .nav-link,
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .show > .nav-link,
  .navbar-dark .navbar-nav .nav-link {
      color: #EFEFEF;
  }
  
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 1rem;
      padding-left: 1rem;
      letter-spacing: 0.02rem;
      position: relative;
      -webkit-transition: border-color 0.3s ease-in-out;
      -moz-transition: border-color 0.3s ease-in-out;
      -o-transition: border-color 0.3s ease-in-out;
      transition: border-color 0.3s ease-in-out;
  }
  
  
  .navbar-expand-lg .navbar-nav .nav-link:hover:after {
      border-color: #fff;
  }
  
  .navbar-expand-lg .navbar-nav .nav-link:after {
      content: '';
      display: block;
      border-bottom: 1px solid transparent;
      border-bottom-color: transparent;
      -webkit-transition: border-color 0.3s ease-in-out;
      -moz-transition: border-color 0.3s ease-in-out;
      -o-transition: border-color 0.3s ease-in-out;
      transition: border-color 0.3s ease-in-out;
  }
  
  .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
      padding-right: 0;
  }
  
  /****
  *
  * BANNER
  *
  */
  
  .banner-container h1 {
      max-width: 70%;
  }
  
  .banner-container .container .row {
      min-height: 90vh;
  }
  
  .banner-container .row > div:nth-child(2) {
      min-height: 311px;
  }
  
  /****
  *
  * ABOUT
  *
  */
  
  .about-container {
      background: #FAFAFA;
  }
  
  .about-container .row > div:nth-child(2) {
      background-image: url('../images/about-main-bg.jpg');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }
  
  /****
  *
  * GIFT
  *
  */
  
  
  .gift-card-container .row > div:nth-child(2) {
      background: #fff;
  }
  
  .gift-card-container .row > div:nth-child(2) p,
  .gift-card-container .row > div:nth-child(2) h2 {
      margin-left: 20%;
  }
  
  .gift-card-container .row > div:nth-child(1) {
      background-image: url('../images/gift-card-main-bg.jpg');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }
  
  /****
  *
  * REWARD
  *
  */
  
  
  .reward-container {
      background: #000;
  }
  
  .reward-container .row > div:nth-child(2) {
      background-image: url('../images/rewards-main-bg.jpg');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }
  
  /****
  *
  * HOW TO USE
  *
  */
  
  .how-to-use-container .row .col-12 p {
      border-top: 0.5px solid #000;
      padding-top: 50px;
      margin-top: 50px;
      margin-bottom: 100px;
  }
  
  
  .how-to-use-container .container > div:nth-child(2) > div:not(.col-12) p {
      margin-top: 50px;
      padding-left: 50px;
      position: relative;
  }
  
  .how-to-use-container .container > div:nth-child(2) > div p:before {
      position: absolute;
      font-size: 50px;
      line-height: 0;
      left: 10px;
      top: 20px;
  }
  
  .how-to-use-container .container > div:nth-child(2) > div:nth-child(2) p:before {
      content: "1";
  }
  
  .how-to-use-container .container > div:nth-child(2) > div:nth-child(3) p:before {
      content: "2";
  }
  
  .how-to-use-container .container > div:nth-child(2) > div:nth-child(4) p:before {
      content: "3";
  }
  
  .how-to-use-container .container > div:nth-child(2) object {
      margin: 0 auto;
      display: block;
  }
  
  /****
  *
  * RESULT
  *
  */
  
  .result-container .name,
  .result-container .welcome,
  .result-container .email,
  .result-container-2 {
      text-align: center;
  }
  
  .result-container .name {
      margin-top: 50px;
  }
  
  .result-container .name span,
  .result-container .email span,
  .result-container .cnumber span,
  .result-container .balance span,
  .result-container .pin span,
  .result-container .expiry span {
      color: #9D9D9D;
      display: block;
      margin-bottom: 5px;
  }
  
  .result-container p {
      margin-bottom: 15px;
  }
  
  .result-container > .row {
      padding-top: 30px;
      margin-top: 30px;
      border-top:  0.5px solid #000;
  }
  
  .result-container .questions {
      color: #9D9D9D;
      margin: 100px auto 0;
      text-align: center;
      max-width: 60%;
  }
  
  .result-container .questions a {
      color: #000;
  }
  
  /****
  *
  * CHECK BALANCE
  *
  */
  
  .check-balance-container .row .col-12 p {
      border-top: 0.5px solid #000;
      padding-top: 50px;
      margin-top: 50px;
      margin-bottom: 50px;
  }
  
  /* Chrome, Safari, Edge, Opera */
  .custom-form input::-webkit-outer-spin-button,
  .custom-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  .custom-form input[type='number'] {
    -moz-appearance: textfield;
  }
  
  .custom-form label,
  .custom-form input {
      width: 100%;
  }
  
  .custom-form input {
      padding: 10px;
      height: 45px;
      border: 1px solid #000;
  }
  
  .custom-form input[type="checkbox"] {
      width: 25px;
      height: 25px;
  }
  
  .custom-form input:active, .custom-form input:focus {
      border: 1px solid #ddd!important;
      box-shadow: none!important;
       outline: none;
  }
  
  .custom-form .input-field-full {
      width: 100%;
      margin-top: 20px;
  }
  
  .custom-form .input-field-full.submit {
      margin-top: 15px;
  }
  
  .custom-form button {
      text-align: left;
      cursor: pointer;
      position: relative;
  }
  
  .custom-form .label-inline,
  .custom-form .label-inline input,
  .custom-form .label-inline label {
      display: inline-block;
      width: auto;
  }
  
  .subscribe-container .custom-form .input-field-full.submit {
      margin-top: 0;
  }
  
  .custom-form .input-field-half {
      width: 48.5%;
      float: left;
      margin-top: 20px;
  }
  
  .custom-form .left-half {
      margin-right: 1.5%;
  }
  
  .custom-form .right-half {
      margin-left: 1.5%;
  }
  
  .register-gift-container .row .col-12 p {
      border-top: 0.5px solid #000;
      padding-top: 50px;
      margin-top: 50px;
      margin-bottom: 50px;
  }
  
  .family-cards-container h2 {
      margin-bottom: 100px;
  }
  
  .register-gift-container  > .container > .row:first-child h2,
  .register-gift-container > .container > .row:first-child p,
  .purchase-container  > .container > .row:first-child h2,
  .purchase-container > .container > .row:first-child p,
  .how-to-use-container  > .container > .row:first-child h2,
  .how-to-use-container > .container > .row:first-child p,
  .how-to-use-container .container > div:nth-child(2) > div:not(.col-12) p {
      width: 435px;
  }
  
  /****
  *
  * FAQs
  *
  */
  
  .faqs-container {
      background: #FAFAFA;
  }
  
  .faqs-container .accordion .btn {
      width: 100%;
      text-align: left!important;
      color: #000!important;
      font-size: 15px!important;
      text-decoration: none;
  }
  
  .faqs-container .accordion .btn:hover {
      color: #EFEFEF;
  }
  
  .faqs-container .accordion .btn:before,
  .faqs-container .accordion .btn:hover:before,
  .faqs-container .accordion .btn:focus:before,
  .faqs-container .accordion .btn:active:before {
      background: transparent!important;
      background-color: transparent!important;
  }
  
  .faqs-container .btn-link:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900 !important;
      content: "\f077";
      float: right; 
      color: #000; 
  }
  
  .faqs-container .btn-link.collapsed:after {
      content: "\f078";
  }
  
  .faqs-container .card-body {
      padding: 0;
  }
  
  .faqs-container .accordion .card-header {
      border-radius: 0!important;
      background: transparent!important;
      border-bottom: 1px solid #000!important;
      padding-left: 0;
      padding-right: 0;
  }
  
  .faqs-container .accordion .card {
      border: 0;
      background: transparent;
  }
  
  .faqs-container .sub.accordion .card-body {
      padding: 10px;
  }
  
  .faqs-container .sub.accordion .card-body p:last-child {
      margin-bottom: 0!important;
  }
  
  .faqs-container .sub.accordion .card-header {
      padding: 0!important;
  }
  
  .faqs-container .sub.accordion .btn-link:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900 !important;
      content: "\f00d";
      font-size: 12px;
  }
  
  .faqs-container .sub.accordion .btn-link.collapsed:after {
      content: "\f067";
  }
  
  .faqs-container .sub.accordion  .card-header {
      border-bottom: 0!important;
  }
  
  .faqs-container .sub.accordion .card:not(:first-child) .card-header {
      border-bottom: 0!important;
      border-top: 0.5px solid #000;
  }
  
  /****
  *
  * FOOTER
  *
  */
  
  footer {
      background: #000;
      padding: 50px 0;
  }
  
  footer .bottom-bar {
      padding-top: 100px;
      padding-bottom: 20px;
  }
  
  footer .bottom-bar a {
      margin-right: 20px;
  }
  
  footer .bottom-bar a:hover {
      color: #ddd;
  }
  
  footer .social-media-icons {
      text-align: right;
  }
  
  .social-media-icons a {
      margin: 0 5px;
  }
  
  .social-media-icons i {
      font-size: 25px;
  }
  
  .subscribe-container .custom-form .col-5, 
  .subscribe-container .custom-form .col-2 {
      padding: 0;
  }
  
  .subscribe-container .custom-form input[type="text"],
  .subscribe-container .custom-form input[type="email"] {
      background: transparent;
      border-radius: 0;
      padding-top: 9px;
      padding-bottom: 9px;
  }
  
  .subscribe-container .custom-form input[type="text"],
  .subscribe-container .custom-form input[type="email"],
  .subscribe-container .custom-form button {
      border: 1px solid #fff!important;
      color: #fff!important;
  }
  
  .subscribe-container .custom-form input[type="text"],
  .subscribe-container .custom-form input[type="email"] {
      border-right: 0!important;
  }
  
  .subscribe-container .custom-form input::placeholder {
      color: #fff!important;
      opacity: 1!important;
  }
  
  .subscribe-container .custom-form .form-row {
      max-width: 585px;
  }
  
  .subscribe-container .custom-form input {
      width: 38%;
  }
  
  .subscribe-container .custom-form button {
      min-height: 45px;
      color: #000!important;
      width: 24%;
  }
  
  .owl-stage {
      padding-left: 0!important;
  }
  
  .owl-stage a {
      text-decoration: none;
      color: #000;
  }
  
  .owl-stage h4 {
      margin: 35px 10px 0;
  }
  
  .hide-on-desktop {
      display: none;
  }
  
  .hide-on-tablet {
      display: block;
  }
  
  /*==========  Non-Mobile First Method  ==========*/
  
  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1800px) {
      .about-container .container .row,
      .gift-card-container .container .row,
      .reward-container .container .row {
          min-height: 1080px;
      }
  
  }
  
  /* Large Devices, Wide Screens */
  @media only screen and (max-width : 1200px) {
  
       .navbar-expand-lg .navbar-nav .nav-link {
          font-size: 14px;
      }
  
  }
  
  /* Medium Devices, Desktops */
  @media only screen and (max-width : 992px) {
      .navbar-dark .navbar-toggler {
          border-color: transparent!important;
          display: block;
          text-align: right;
          width: 100%;
      }
  
      .branding {
          position: absolute;
      }
  
      .navbar-dark .navbar-toggler-icon {
          background-image: none!important;
          margin-right: 15px;
      }
  
      .navbar-dark .navbar-toggler-icon:before {
          opacity: 1 !important;
          color: #fff !important;
          font-size: 25px;
          content: "\f0c9";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
      }
  
      .navbar-expand-lg .navbar-nav .nav-link {
          font-size: 16px;
          padding-left: 7px;
      }
  }
  
  /* Small Devices, Tablets */
  @media only screen and (max-width : 768px) {
      .subscribe-container .custom-form input[type="text"] {
          border-right: 1px solid #fff!important;
      }
      .btn {
          white-space: normal;
      }
      body, .btn {
          font-size: 14px;
          line-height: 20px;
      }
      .banner-container * {
          text-align: center;
      }
      h1 {
          font-size: 30px;
          line-height: 34px;
      }
      h2 {
          font-size: 24px;
          line-height: 28px;
      }
      .owl-stage h4 {
          font-size: 18px;
          line-height: 20px;
      }
      .hide-on-tablet {
          display: none;
      }
  
      .hide-on-desktop {
          display: block;
      }
  
       .banner-container .hide-on-desktop  {
          margin-bottom: 30px;
       }
  
      .banner-container .container .row {
          min-height: auto;
          padding: 80px 0;
      }
  
      .inner-padding,
      .about-container .row > div:nth-child(1),
      .gift-card-container .row > div:nth-child(2),
      .reward-container .row > div:nth-child(1) {
          padding-top: 80px;
          padding-bottom: 80px;
      }
  
      .about-container .container .row,
      .gift-card-container .container .row,
      .reward-container .container .row {
          min-height: auto;
      }
  
      .about-container .container .row > div:nth-child(2) {
         background-size: 180% !important;
          background-position: 50% 0% !important;
      }
  
      .about-container .container .row > div:nth-child(2),
      .gift-card-container .container .row > div:nth-child(1),
      .reward-container .container .row > div:nth-child(2) {
          min-height: 650px;
      }
  
      .gift-card-container .row > div:nth-child(2) p,
      .about-container .row > div:nth-child(1) p,
      .reward-container .row > div:nth-child(1) h2,
      .reward-container .row > div:nth-child(1) p {
          max-width: 100%;
      }
  
      [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before { 
          top: 5px;
          width: 20px;
          height: 20px;
      }
  
      [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after {
          top: 0.7em;
          font-size: 1em;
      }
  
      footer .subscribe-container p {
          max-width: 100%%;
      }
  
      .about-container .row > div:nth-child(1),
      .gift-card-container .row > div:nth-child(2) {
          z-index: 1;
      }
      .about-container .row > div:nth-child(1) img,
      .gift-card-container .row > div:nth-child(2) img {
          margin-top: 50px;
          margin-bottom: -320px;
          max-width: 350px;
      }
  
      .gift-card-container .row > div:nth-child(2) p, .gift-card-container .row > div:nth-child(2) h2 {
          margin-left: 0;
      }
  
      .gift-card-container .row > div:nth-child(2) {
          order: 1;
      }
  
      .gift-card-container .row > div:nth-child(1) {
          order: 2;
      }
  
      .reward-container .btn {
          width: 100%;
          text-align: left;
      }
  
       .reward-container .btn i {
          position: absolute;
          right: 15px;
          top: 12px;
      }
  
      .reward-container .btn i,
      .btn i {
          font-size: 18px;
      }
  
      .how-to-use-container .row .col-12 p,
      .check-balance-container .row .col-12 p,
      .register-gift-container .row .col-12 p {
          padding-top: 30px;
          margin-top: 30px;
          margin-bottom: 30px;
      }
  
      .result-container > .row {
          text-align: center;
      }
  
      .result-container .questions {
          margin: 30px auto 0;
          max-width: 100%;
      }
  
      .how-to-use-container .container > div:nth-child(2) object {
          max-width: 100px;
      }
  
      .how-to-use-container .container > div:nth-child(2) > div:not(.col-12) p {
          margin-top: 30px;
          margin-bottom: 30px;
      }
  
      .custom-form .left-half,
      .custom-form .right-half,
      .custom-form .input-field-half {
          margin-left: 0;
          margin-right: 0;
          float: none;
          width: 100%;
      }
  
      .card-header {
          padding: 0;
      }
  
      .card-header button {
          padding-left: 0;
      }
  
      .subscribe-container {
          padding-top: 80px;
      }
  
      footer {
          padding-bottom: 0;
      }
  
      footer .subscribe-container p,
      .banner-container h1 {
          max-width: 100%;
      }
  
      footer .subscribe-container .custom-form input[type="text"] {
          width: 100%;
      }
  
      footer .subscribe-container .custom-form input[type="email"] {
          width: 70%;
      }
  
      footer .subscribe-container .custom-form button {
          width: 30%;
      }
  
      footer .bottom-bar {
          padding-top: 0;
          width: 50%;
      }
  
      footer .bottom-bar a {
          margin-right: 0;
          display: block;
      }
  
      footer .social-media-icons {
          text-align: right;
          margin-top: 80px;
          margin-bottom: -25px;
      }
  
      .owl-stage h4 {
          margin-top: 20px;
      }
     
      .register-gift-container  > .container > .row:first-child h2,
      .register-gift-container > .container > .row:first-child p,
      .purchase-container  > .container > .row:first-child h2,
      .purchase-container > .container > .row:first-child p,
      .how-to-use-container  > .container > .row:first-child h2,
      .how-to-use-container > .container > .row:first-child p,
      .how-to-use-container .container > div:nth-child(2) > div:not(.col-12) p {
          width: 100%;
      }
  
  
  
  }
  
  /* Extra Small Devices, Phones */ 
  @media only screen and (max-width : 480px) {
  
  }
  
  /* Custom, iPhone Retina */ 
  @media only screen and (max-width : 320px) {
  
  }