/* a {
    color: #000000 !important;
} */
/* #caritem{
    object-fit: cover;
} */

h3{
    line-height:1.3em;
    font-size:60px;
    padding-bottom: 25px;
}

#BS{
    padding-top: 25px;
}
#mainNavbar {
    background-color: #ffffff;
    /* padding-left: 25px; */
    width: 100%;
}

#idk{
    background-image: linear-gradient(#00000080, rgba(0, 0, 0, 0.500)), 
    url(../Images_Home/tastycakehome.jpeg);
    color: azure;
}

#axz{
    color: #ffffff;
}

#mainNavbar .navbar-brand {
    color: #000000;
    /* font-size:x-large;
    font-weight: 900; */
    float: left;
    width: fit-content;
}

/* .navbar-nav {
    position: absolute;
    
} */

#mainNavbar .nav-link:hover {
    color: #cb0c0c !important;
}


#navbarNav{
    width: fit-content;
}


#navbarNav .navbar-inverse .navbar-toggle .icon-bar {
    color: #000000 !important;
}


/* Writings in the navbar */
.nav-item {
    color: #000000;
    font-size: 20px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding-right: 15px;
    padding-left: 15px;
}
/* #Home {
    
}

#Aboutus {
    color: #000000;
    font-size: x-large;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: 45px;
}

#Products {
    color: #000000;
    font-size: x-large;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: 45px;
}

#Contact {
    color: #000000;
    font-size: x-large;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    padding: 45px;
} */


/* footer */

#footie {
    background-color: #ffffff;
    
}

#twit {
    color: #cb0c0c;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

#fb {
    color: #cb0c0c;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

#messenger {
    color: #cb0c0c;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

#linkd {
    color: #cb0c0c;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

#email {
    color: #cb0c0c;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}

#crights {
    padding-top: 20px;
}

#socialss {
    padding-top: 15px;
}

#yt{
    color: #cb0c0c;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}
#wap{
    color: #cb0c0c;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
}


/* hover effects footer */

#wap:hover{
    color: #25D366;
}


#yt:hover{
    color: red;
}

#email:hover {
    color: blue !important;
}

#linkd:hover {
    color: #0077b5 !important;
}

#messenger:hover {
    color: #00B2FF !important
}

#fb:hover {
    color: #4267B2 !important;
}

#twit:hover {
    color: #00acee !important;
}

#idk {
    text-align: center;
}

/* #idk2 {
    text-align: center;
}

#QC {
    color: #cb0c0c;
} */

.carousel .carousel-item {
    height: 600px;
}

.carousel-item img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    min-height: 500px;
}


/* the random h3 between */

#ayo {
    padding-bottom: 50px;
}


/* affiliate brands */

#affiliate {
    text-align: center;
    padding-bottom: 50px;
}

#affi {
    padding: 30px;
}

#container{
    /* padding-top: 50px;
    padding-bottom: 50px; */
    text-align: center;
    margin: 0 25%;
}
p{
    font-size: 25px;
}
.subtitle{
    padding-top: 30px;
    padding-bottom: 30px;
}
.image-card-content{
    max-width: 100%;
}
.content-flex{
    margin-top: 50px;
    display: inline-block;
    position: relative;
}
.image-wrapper{
    min-width: 30%;
    max-width: 90%;
    object-fit: contain;
    animation: fadeIn 1s;
    z-index: 0;
    float: left;
}
img{
    max-width: 100%;
}

#axz{
    border-radius: 20px;
}

.text-wrapper{
    border-radius: 20px;
    position: absolute;
    padding: 30px;
    top: 10%;
    left: 50%;
    background-color: #cb0c0c;
    transform: translate(0%, 0%);
    max-width: 50%;
    min-width: 30%;
    position: absolute;
    animation: fadeIn 1.5s;
    float: right;
    z-index: 1;
}
@keyframes fadeIn{
    from {opacity: 0;}
    to {opacity: 1;}
}
.text-wrapper p{
    font-size: 19px;
    line-height: 30px;
    padding-top: 15px;
}
.content-flex-alt{
    margin-top: 50px;
    width: 100%;
    display: inline-block;
    position: relative;
}
.image-wrapper-alt{
    min-height: 30%;
    max-width: 75%;
    object-fit: contain;
    animation: fadeIn 1s;
    z-index: 0;
    float: right;
}
.text-wrapper-alt{
    z-index: 1;
    position: absolute;
    padding: 30px;
    top: 10%;
    float: left;
    background-color: #cb0c0c;
    transform: translate(0%, 0%);
    max-width: 50%;
    min-width: 30%;
    animation: fadeIn;
}
.text-wrapper-alt p{
    font-size: 19px;
    line-height: 30px;
    padding-top: 15px;
}
.text-wrapper a{
    text-decoration: underline;
    transition: 0.3s;
    color: inherit;
}
.text-wrapper a:hover{
    color: #00e1ff;
}
@media (max-width: 1440px) {
    #container {
        margin: 0 10%;
    }
}
@media (max-width: 1024px) {
    .text-wrapper p{
        font-size: 16px;
        line-height: 25px;
    }
    .text-wrapper h3{
        font-size: 25px;
    }
    .text-wrapper-alt p{
        font-size: 16px;
        line-height: 25px;
    }
    .text-wrapper-alt h3{
        font-size: 25px;
    }
}
@media (max-width: 768px){
    .content-flex{
        display: inline-grid;
    }
    .text-wrapper{
        position: inherit;
        top: 0%;
        left: 0%;
        max-width: 100%;
    }
    .image-wrapper{
        position: inherit;
        max-width: 100%;
    }
    .text-wrapper-alt{
        position: inherit;
        max-width: 100%;
    }
    .image-wrapper-alt{
        position: inherit;
        max-width: 100%;
    }
}

@media (max-width: 425px){

    .h3{
        font-size: 25px;
    }

    #picci{
        height: 600;
        width: 425;
    }

}