@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;700&family=Open+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Source+Sans+Pro:wght@400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Source+Sans+Pro:wght@400;600;700&display=swap");
/*
** Fonts
*/
/*
** media query widths
*/
body {
  background-color: #f1f1f1; }

#main-container {
  text-align: center;
  margin-top: 92px;
  padding-bottom: 50px; }
  #main-container h1 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, Sans-serif;
    font-weight: 800;
    font-size: 3rem;
    color: #FF344C; }
  #main-container h3 {
    font-size: 1.5rem; }
  #main-container #days-text {
    vertical-align: middle;
    color: black;
    width: 100%;
    max-height: 100%;
    line-height: 30px;
    font-size: 1.3rem; }
  #main-container #white-box {
    height: auto;
    width: 45%;
    border-radius: 10px 10px 0px 0px;
    vertical-align: middle;
    line-height: 45px;
    z-index: 1;
    padding: 10px; }
  #main-container .logo-100 {
    z-index: 2; }
  #main-container #cashback-text {
    vertical-align: middle;
    width: 100%;
    max-height: 100%;
    color: white;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, Sans-serif;
    font-weight: 800;
    font-size: 2.5rem; }
  #main-container #red-box {
    width: 45%;
    background-color: #FF344C;
    border-radius: 10px;
    z-index: 2; }
  #main-container #last-text-box {
    width: 45%; }
  #main-container #last-text {
    width: 100%;
    padding-top: 5px;
    color: black;
    font-size: 1rem; }
  #main-container .row {
    margin-left: auto;
    margin-right: auto;
    position: relative; }
  #main-container #time {
    padding: 15px;
    display: block;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, Sans-serif;
    font-weight: 800;
    font-size: 4rem; }

@media (max-width: 1200px) {
  #main-container h1 {
    font-size: 2rem; }
  #main-container h3 {
    font-size: 1.5rem; }
  #main-container #cashback-text {
    font-size: 1.8rem; }
  #main-container #days-text {
    font-size: 1.2rem;
    padding: 5px; }
  #main-container #last-text {
    font-size: 1.2rem; }
  #main-container #red-box {
    width: 80%; }
  #main-container #white-box {
    width: 80%; }
  #main-container #last-text-box {
    width: 80%; } }
@media (max-width: 767px) {
  #main-container {
    margin-top: 72px; }
    #main-container h1 {
      font-size: 1.8rem; }
    #main-container h3 {
      font-size: 1.2rem; }
    #main-container #cashback-text {
      font-size: 1.6rem; }
    #main-container #days-text {
      font-size: 1rem;
      padding: 5px; }
    #main-container #last-text {
      font-size: 1rem; }
    #main-container #red-box {
      width: 99%; }
    #main-container #white-box {
      width: 99%; }
    #main-container #last-text-box {
      width: 99%; }
    #main-container #time {
      font-size: 2rem; } }

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