@media (max-width: 992px){ html, body {
    max-width: 100%;
    overflow-x: hidden;
    background: #fffffc !important;
}}

body { background: linear-gradient(to right,
    #fffffc 0%,
    #fffffc 25%,
    #fffffc 25%, 
    #fffffc 100%); /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
    font-family: 'Montserrat', sans-serif; /* Font .*/
  }

.desktopText{
    color: #003366;
    font-size: 13px;
}
.mobileText{
    color: #003366;
    font-size: 11px;
}

.desktopTitle{
    color: #003366;
}
.mobileTitle{
    color: #003366;
}

/* Icon Styles */
.fa-amazon {
    color:#fffffc;
}
.fa-ebay {
    color:#fffffc;
    padding-left: 2px;
}
.fa-facebook-f{
    color:#fffffc;
}
.fa-twitter{
    color:#fffffc;
}

/* Button Classes */
/* Button class for icons (border-radius specified on function level, doesn't seem to work in class form */
a.icons{
    width: 60px; 
    height: 60px;
    padding: 0px; 
    line-height: 70px; 
    background-color:#e5163a;
}
 /* Button class specified for larger buttons */
a.lgbutton{
    border-radius: 20px;
}

a.lbfriendlyButton{
    background-color:#81cff5;
    color:#fffffc;
}

/* a.learnmoreDesktop{
    color:#e5163a
}

a.learnmoreMobile{
    color:#003366
} */

/* Background Colour */

.mobileBar {
    background-color: #E6CAFF !important;

}

.desktopImage {
    z-index:-5;
    position:absolute
}