/* #8B5E3C (d60) - #e8d6ca (l60), #4F6D46 (d30) -  #b8cdb1
 (l30), #D9A441 (d10) -  #eacc95 (l10) */

/* Style for hero image - change only the image */
.hero {
    background-image: url("images/hero.png");
    background-color: grey;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* don't change */
.bus_footer {
    background-color: #f2f2f2;
}

/* don't change */
.footer {
    background-color: #bfbfbf;
}

/* use dark 30 color and comp font */
.divider {
    border-top: 1px solid #8f5a0a;
    border-bottom: 1px solid #8f5a0a;
    color: #D7A377;
     font-family: "Sirin Stencil", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* use the dark 60 */
h2, h5 {
    color: #454217;
}

/* use light 30 */
.product, .company, body {
    background-color: #edaa45
}

/* use dark 30 */
.card, .list-group-item {
    border: 2px solid #8f5a0a;
}
/* use dark 30 for border - use light 10 for background */
.card-header {
    background-color: #2ED3E6;
    border-bottom: 2px solid #8f5a0a;
}
/* use dark 30 */
i {
    color: #8f5a0a;
    font-size: 100px;
}

.list-group {
    border-radius: 5px;
}

/* use dark 30 */
ul.prod, .hero {
    border: 2px solid #8f5a0a;
}

/* use dark 30 */
.carousel-item > img {
    border: 2px solid #8f5a0a;
}

/*use comp font */
.comp_name {
    font-size: 54px;
     font-family: "Sirin Stencil", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media screen  and (max-width: 900px) {
 i {
    font-size: 40px;
}
}

@media screen  and (max-width: 800px) {
    h1.comp_name {
        margin-top: 20px;
        }
    
}

/* use heading font */
.serif {
     font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* use body font */
p {
    font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}