.blue-bluer-hue{
    background-image: linear-gradient(to right, rgba(15, 72, 127, 1), rgba(30, 144, 255, 1));
}

.navy-blue-hue{
    background-image: linear-gradient(to right, rgba(4, 20, 44, 1), rgba(30, 144, 255, 1));
}

.heavyttext{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.lighttext{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.fullspace{
    width: 100%;
}

.minuspadding{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12px;
    background-color: #e9e9e9;
}

.listinfo{
    text-align: left;
}

.barmargin{
    margin-top: 40px;
    margin-bottom: 60px;
}

.remproductmargin{
    margin-top: 20px;
}


.productbutton{
    border-radius: 10em;
    border-width: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.19), 0 4px 16px 0 rgba(0, 0, 0, 0.17);
    text-align: center;
    width: 160px;
}

.cardshaddow{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.cartbutton{
    border-radius: 10em;
    border-width: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 8px 24px 0 rgba(0, 0, 0, 0.22);
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.productbutton:hover{
    background-image: none;
    background-color: dodgerblue;
}

.cartbutton:hover{
    background-image: none;
    background-color: dodgerblue;
}

.quarterbutton:hover{
    color: black;
    font-weight: 600;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 8px 24px 0 rgba(0, 0, 0, 0.22);
    background-image: none;
    background-color: transparent;
    border-color: dodgerblue;
    border-width: 1px;
    margin-top: -10px;
}

.hidden{
    display: none;
}

.leftq{
   border-bottom-left-radius: 5em;
   border-top-left-radius: 5em;
}

.rightq{
    border-bottom-right-radius: 5em;
    border-top-right-radius: 5em;
}

.quarterbutton{
    border-width: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-right: 5px;
    min-width: 25%;
    max-width: 25%;
}

.bbh25{
    background-image: linear-gradient(to right, rgba(15, 72, 127, 1), rgba(19, 90, 159, 1));
}

.bbh50{
    background-image: linear-gradient(to right, rgba(19, 90, 159, 1), rgba(23, 108, 191, 1));
}

.bbh75{
    background-image: linear-gradient(to right, rgba(23, 108, 191, 1), rgba(27, 126, 223, 1));
}

.bbh100{
    background-image: linear-gradient(to right, rgba(27, 126, 223, 1), rgba(30, 144, 255, 1));
}