/* Material Context */
.material-container {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    background: #FFFFFF;
    box-shadow:  rgb(240, 240, 240) -1px 2px 5px 0px;
    border-radius: 10px;
    margin-top: 50px;
}
.material-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    padding: 20px 0 0 20px;
}
.material-description {
    padding: 14px 32px 20px 20px;
    color: #5F5C5C;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
/* Workflow chart */
.material-flow-chart {
    width: 100%;
    margin-top: 60px;
    border-radius: 10px;
    box-shadow: rgb(240, 240, 240) -1px 2px 5px 0px;
}
#imageMaterialFlow {
    width: 100%;
    height: 400px;
    border-radius: 10px;
}
/* Responsive */
@media screen and (max-width: 1200px) {
    .material-container {
        margin-top: 35px;
    }
    .material-flow-chart {
        margin-top: 45px;
    }
}
/* Responsive CSS - Mobile */
@media screen and (max-width: 800px) {
    #imageMaterialFlow {
        height: 850px;
        /* transform: rotate(90deg); */
        content: url("../images/Material-flow-phone.jpeg");
    }
}