html {
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    max-width: 1120px;
}

body {
    background-color: white;
}

.jumpBody {
    display: flex;
    /* flex-direction: row; */
    justify-content: space-evenly;
}

header {
    text-align: center;
}
.main-page-container{
    justify-content: center;
}

.logo {
    width: 480px;
    height: 160px;
}

#cartNav {
    display:flex;
    font-weight: 400;
    padding: 0;
}
#cart-link-value{
}

.navBox {
    padding: 1rem 0rem;
}

.navBox>.cell {
    /* margin:2rem 0rem -2rem 0rem; */
}

.navBox>h4 {
    /* margin:6rem 0rem -2rem 0rem; */
    margin: 2rem 0rem -0rem 0rem;
}

.centerTitle {
    width: 65%;
}
/* Still working on keeping the footer on the bottom, nothing works */
.splash-page > main {
    flex-grow:1;
    margin: 0 0 44rem 0;
}

.main-page > main {
    /* display:flex; */
    /* flex-wrap: wrap; */
    /* flex-grow:1; */
    margin: 0 0 200rem 0;
}

.cart-page > main {
    margin: 0 0 26rem 0;
}
.account-page > main{
    height:860px;
}
.products {
    /* margin-bottom:4rem; */
    padding-bottom: 4rem;
}

.carts {
    /* padding-bottom:4rem; */
}

.links {
    width: 35%;
}

.boxSlid {
    display: flex;
    justify-content: space-evenly;
    padding: 0.5rem;
}

.tri-left {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 15px solid rgb(211, 211, 211);
    border-bottom: 5px solid transparent;
    margin: auto;
}

.tri-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 15px solid rgb(211, 211, 211);
    border-bottom: 5px solid transparent;
    margin: auto;
}
.deals>.smallHeight>h3 {
    margin: 1.8rem auto -1rem auto;
}

.dailyDeals {
    /* max-height:300px; */
    margin: 1rem 0;
}
.departAd{
    /* padding:1rem 0rem; */
    height:350px;
}

.aisle{
    height:240px;
}
.aisleImg{
    height:160px;
}
.aisleShop{
    /* background-color:blue; */
}

.dailyDeals>.departments-link>h5,
.get-department {
    height: 30px;
    font-weight: 700;
    text-shadow: darkgoldenrod 1px 1px 2px;
}

.info {
    height: 8rem;
    overflow: scroll;
    margin-bottom: 0;
    padding: 0rem 0.5rem 0.5rem 0.5rem;
}

#myTitle {
    padding: 20% 10rem;
}

.productCard {
    margin: 1rem 0rem;
}

.productCard>.card>div>img,
.productCard>div>img {
    margin-bottom: 0.5rem;
}

.productCard>.card>p,
.productCard>p {
    font-weight: 700;
}

.productCard>.card>.info,
.productCard>.info,
.productCard>.card>.brand,
.productCard>.brand {
    font-weight: 500;
}
.star > img{
    /* margin-top:0.2rem; */
    height:20px;
}

.card{
    border:none;
}

.buttonBox {
    margin: 1rem 0 0.5rem 0;
}

.content {
    padding: 1rem 1rem;
    height: 50rem;
}

.link {
    padding: 0.5rem 0rem;
    margin: 0.25rem 0rem;
}

.tab {
    margin: 0.25rem 0rem;
}

.landLogo {
    margin-top: 3rem;
}
/* .name-section{
    height:10rem;
} */
.card-section {
    height: 15.0rem;
    padding:0.1rem 0.1rem;
    overflow:scroll;
}
.barcode{
    margin-bottom:0.25rem;
}
.barcode > p{
    margin:0;
}
.addSection{
    margin:0.25rem 0rem;
    bottom:0;
}
.myInfo{
    height:4rem;
    overflow:scroll;
    margin-bottom:0.5rem;
}

.brand {
    height: 30px;
    /* margin: 0.5rem 0rem -0.5rem 0rem; */
    margin:0;
    font-size: 0.8rem;
}

.product_name {
    font-size: 1.0rem;
    font-weight: 700;
}
.do-plus, .do-add, .do-minus{
    cursor:pointer;
}

.departments-link {
    margin: 0.5rem 0rem;
}

.cart-link {
    height: 45px;
    font-weight: 900;
    padding: 0.5rem 0rem;
}
.addCart{
    margin:0.5rem 0rem 0rem 0rem;
    cursor:pointer;
}

.cart-items-container {
    margin-bottom: 2rem;
}
/* .detail :active ~ .info{
    display: block;
} */

.payDetails{
    display:flex;
    justify-content: center;
}

.fa-star {
    text-shadow: black 1px 1px 1px;
}

/* Slick/Slider CSS */
.special-slider>.slick-prev::before,
.special-slider>.slick-next::before {
    background-color: rgba(170, 100, 20, 0.9);
    color: rgb(115, 199, 96);
}

.special-slider>.slick-prev,
.special-slider>.slick-next {
    top: 120px;
}

.slick-dots li button::before {
    font-size: 16px;
    color: grey;
    opacity: 1.0;
}

.slick-prev::before,
.slick-next::before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 0;
    opacity: 1.0;
    /* color: rgb(255, 255, 255); */
    color: rgb(115, 199, 96);
    background-color: #008000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 10000;
}

.slick-prev {
    left: 0px;
    /* right: 5px; */
    top: 30px;
    z-index: 99999;
}

.slick-next {
    right: 10px;
    top: 30px;
    z-index: 99999;
}

.freeAd {
    margin: -1.0rem 0rem -0.7rem 0rem;
}

footer {
    /* position:absolute; */
    bottom: 0;
    /* margin:5rem 0 0.5rem 0; */
    margin-bottom: 1rem;
}

footer>.cell>h5 {
    margin: 0.5rem 0rem;
}

footer>.cell>p {
    margin: 0rem;
}

@media print,
screen and (max-width: 600px) {
    .logo {
        width: 320px;
        height: 120px;
        /* justify-self: center; */
        /* text-align: center; */
        margin: 0 auto;
    }

    .splash-page>main {
        margin-bottom: 225rem;
    }

    .main-page>main {
        margin-bottom: 1280rem;
    }

    .cart-page>main {
        margin-bottom: 0rem;
    }
    .account-page > main{
        height:1440px;
    }
    .checkOut-page>main{
        height:1140px;
    }

    .navBox {
        padding: 0rem;
    }

    .navBox>.cell {
        margin: 0.5rem 0rem;
    }

    .freeAd {
        margin: -0.7rem 0rem -0.2rem 0rem;
    }

    .special-slider {
        /* height:380px; */
    }

    .dailyDeals>.cell {
        margin: 0.5rem 0;
    }

    .departAd{
        height:1200px;
    }
    .catList{
        margin-bottom:6rem;
    }
    .payMethodList {
        padding:0rem 0.6rem;
    }
    #pay5, #pay7{
        margin-left:2.5rem;
    }

    footer {
        /* margin: 155rem 0rem -155rem 0rem; */
        /* margin: 155rem 0rem 0.5rem 0rem; */
        bottom: 0;
    }

    footer>.cell>p {
        display: none;
    }

    .none {
        display: none;
    }
    .hide {
        display: none;
    }
}

.center {
    text-align: center;
    justify-content: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.bottom {
    width: 1120px;
    bottom: 0;
    position: fixed;
}

.down {
    bottom: 0;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.up {
    top: 0;
    margin-top: -1rem;
}

.boldest {
    font-weight: 900;
}

.bold {
    font-weight: 500;
}
.normal {
    font-weight: 300;
}

.core {
    margin: auto;
}

.italics {
    font-style: italic;
}
.fixTiny{
    height:30px;
}
.fixSmall{
    height:60px;
}
.smallHeight {
    height: 10%;
    padding: 0.5rem 0;
}
.sideSpace{
    margin:0rem 1rem;
}
.largeText {
    font-size: 68px;
}
.point{
    cursor:pointer;
}

.beigeBack {
    background-color: rgb(223, 181, 119);
}

.beige {
    color: rgb(223, 181, 119);
    text-shadow: darkgoldenrod 1px 1px 2px;
}

.brownBack {
    background-color: rgba(170, 100, 20, 0.9);
}

.red {
    color: red;
}
.redBack{
    background-color: red;
}

.yellow {
    color: yellow;
}

.gold {
    color: gold;
}
.orangeBack {
    background-color: orange;
}
.orange {
    color: orange;
}
.lightBlueBack{
    background-color: lightblue;
}

.blueBack {
    background-color: blue;
}

.blue {
    color: blue;
}

.greenBack {
    background-color: rgb(119, 223, 133);
}

.backGreen {
    background-color: green;
}

.green {
    color: green;
}

.grey {
    color: grey;
}

.greyBack {
    background-color: grey;
}

.black {
    color: black;
}

.blackBack {
    background-color: black;
}

.whiteBorder {
    border-top: 0.5rem white solid;
    border-bottom: 0.5rem white solid;
}

.whiteBack {
    background-color: white;
}

.white {
    color: white;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.none{
    display:none;
}