.box-product{
    background-color: gray;
    width: 100%;
    height: 450px;
    border-radius: 15px;
    border-color: #8b0304;
    border-width: 3px;
    border-style: solid;
    margin: 1rem 0px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.our-product{
    background-size: cover;
    background-image: url(../assets/img/Home/background-our-product.png);
    background-position: center;
}

.page-section.our-product{
    padding-bottom: 16rem !important;
}



section.about {
    position: relative;
    background-color: #3a0a00;
    color: #d5ad86 !important;
    background-image: url(../assets/img/Home/background-about.png);
    background-position: center;
    background-size: contain;

}

section.visi-misi{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
    background-image: url(../assets/img/Home/background-visi-misi.jpg);
    background-position: center;
    background-size: cover;
    background-position-y: bottom;
}

img.section-border-top {
    position: absolute;
    bottom: calc(100% - 2px);
    transform: rotate(180deg);
    width: 100%;
}

img.section-border-bottom
 {
    position: absolute;
    top: 100%;
    width: 100%;
}

.visi-misi h1{
    margin-top: 4rem;
}
.thumbnail-misi {
    width: 100px;
    height: 100px;
    background-color: gray;
    border-radius: 100%;
    margin: 2rem auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.csr{
    background: #FFF4D0;
background: linear-gradient(-137deg, rgba(255, 244, 208, 1) 0%, rgba(200, 169, 110, 1) 50%, rgba(153, 113, 36, 1) 100%);
}

section.photos{
    background-position: center;
    background-position-y: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../assets/img/Home/background-gallery.jpg);
}
.photo {
    width: 100%;
    height: 450px;
    background-position: center;
    background-size: cover;
    margin: 1rem 0px;
    border-radius: 15px;
}

.page-footer{
    background-color: #8b0304;
    color: white;
    background-image: url(../assets/img/Home/background-footer.png);
    background-position-y: bottom;
    background-position-x: right;
    background-size: cover;
    background-blend-mode: color-burn;
}

.page-footer h2{
    margin-top: 2rem;
}

.page-footer .map{
    margin: 2rem 0px;
}

.page-footer td{
    padding: 0.5rem 0px;
}

.page-footer a{
    color: white !important;
}