.orange-btn {
    background: #F77D24;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Sans-serif;
    font-size: 18px;
    padding-left: 15px;
}
.top {margin-top: -275px;}
.left{margin-left: -81%;}
body.home .main-body { 
   background-image: url('/img/graphics/body-bg.png'); 
   background-size: cover;    
}
.reward-bg { 
   background-image: url('/img/graphics/reward-steps.png'); 
   background-size: cover;    
}
body.home .main-body header { 
   background-image: url('/img/graphics/header.png'); 
   background-size: cover; 
}
body.home .about-bg { 
   background-image: url('/img/graphics/about-bg.png'); 
   background-size: cover;    
}
body.error { background-color: rgba(255, 244, 236, 1); }
#contact { 
   background-image: url('/img/graphics/contact-bg.png'); 
   background-size: cover;
}
#contact #contact-form { background-color: rgba(255, 255, 255, 1); }
#contact .btn-success:hover { background: #3e3e3e; }
#vizvibe-banner {
    display: block;
    background-image: url('/img/graphics/vizvibe-color.png');
    background-size: cover;
    text-transform: uppercase;
    width: 100%;
}
#home-footer {
    position: relative;
    background: #3e3e3e url('/img/graphics/footer-bg.png');
    background-size: cover;
}
#home-footer .links { background-color: rgba(58, 58, 58, 0); }
#home-footer .logo { position: relative; }
#home-footer .logo img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 250px;
}


/* a. Phones and Lower Res Tablets */
@media only screen and (max-width: 600px) {
    #home-background .error img { 
        width: 95%;
        height: auto;
        margin-top: -50px;
     }
     #home-background .text img { 
        width: 30%;
        height: auto;
        margin-top: 0px;
        display: block;
        margin-left: auto;
        margin-right: auto;
     }
     #home-background .text h2 { 
        margin-top: 350px;
        margin-left: 15px;
        margin-right: 15px;
     }
     .smHide { display: none; }
     .smShow { display: block;}
     #home-footer .logo img { width: 150px; }
}

/* b. Tablet */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    #home-background .error img { 
        width: 75%;
        height: auto;
        margin-top: -50px;
     }
     #home-background .text img { 
        width: 30%;
        height: auto;
        margin-top: 0px;
        display: block;
        margin-left: auto;
        margin-right: auto;
     }
     #home-background .text h2 { 
        margin-top: 350px;
        display: block;
        margin-left: auto;
        margin-right: auto;
     }
     .smHide { display: none; }
}

/* c. iPad Pro */
@media only screen and (width: 1024px) and (height: 1366px) and (orientation: portrait) {
    #home-background .error img { 
        width: 95%;
        height: auto;
        margin-top: -50px;
     }
     #home-background .text img { 
        width: 30%;
        height: auto;
        margin-top: 0px;
        display: block;
        margin-left: auto;
        margin-right: auto;
     }
     #home-background .text h2 { 
        margin-top: 350px;
        display: block;
        margin-left: auto;
        margin-right: auto;
     }
}

/* d. 14 inch laptop */
@media only screen and (min-width: 1025px) and (max-width: 1344px) {
     #home-background .text img { width: 7%; }
     #home-background .text h2 { margin-left: -74%; }
}

/* d. 16 inch laptop */
@media only screen and (min-width: 1345px) and (max-width: 1716px) {
    #home-background .text img { width: 7%; }
    #home-background .text h2 { margin-left: -77%; }
}

@font-face {
    font-family: Kaushan-Script;
    src: url(fonts/KaushanScript-Regular.ttf);
  }