body { 
    /*background: url(/img/Redeem_bg.png) no-repeat center center fixed;*/ 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: "Open Sans", sans-serif;
    color: #000; 
}


a {
    color: #020181;
    text-decoration: none;
}

.secondary-button {
    color: #0d6efd;
    border-color: #0d6efd;
    padding: 10px 40px;
}

.secondary-button:hover {
    background-color: #f1b50b;
    color: #fff;
    border-color: #f1b50b;
}

a:hover {
    color: #f1b50b;
    text-decoration: none;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "Open Sans", sans-serif;
}

.redeem-input{
    text-align: center;
    padding: 25px;
    border-radius: 0.25rem;
    background-color: #fff;
    border: #000 1px solid;
    color: #000;
    font-size: 1.575rem;
    font-weight: bold;
}

.b-pricipal{
    background-color: #F1B50B;
    color: #000000;
    border-radius: 0.25rem;
    padding: 5px 35px !important;
    margin: 5px 0px;
}
.b-pricipal:hover{
    background-color: #F1B50B;
    color: #000000!important;
}

.b-pricipal-activate{
    background-color: #F1B50B;
    color: #000000;
    border-radius: 0.25rem;
    padding: 5px 35px !important;
    margin: 5px 0px;
}
.b-pricipal-activate:hover{
    background-color: #F1B50B;
    color: #000000!important;
}

.mobileShow {display: none;} 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
   .centerCenter{
        justify-content: center;
    }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
   .centerCenter{
        justify-content: center;
    }
}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
   .centerCenter{
        justify-content: center;
    }
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
   .centerCenter{
        justify-content: center;
    }
}
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
   .centerCenter{
        justify-content: left;
    }
}