/* GENERAL CSS */
.orange-row {
    background-color: rgb(236, 170, 59);
    width: 100%;
    height: 5.5em;
    border-top: .5em solid rgb(250, 232, 199);
    position: absolute;
    max-width: 1400px;
}

/* not in use currently, but may use for image/card shadowing */
.shadow-5 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12),
        0 2px 2px rgba(0, 0, 0, 0.12),
        0 4px 4px rgba(0, 0, 0, 0.12),
        0 8px 8px rgba(0, 0, 0, 0.12),
        0 16px 16px rgba(0, 0, 0, 0.12);
}


/* SECTION 1 */
.sec-1-column {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 50%;
}

.sec-1-text {
    padding: 4.5em;
}

/* SECTION 2 */
#testing .container {
    padding: 1.5em;
}

#testing .container:first-child {
    background-color: rgb(251, 247, 247);
}

/* SECTION 4 */
#materials{
    padding-top: 2em;
}

.sec-4-text>h2 {
    color: rgb(11, 31, 59);
    font-size: 1.2em;
}

.sec-4-text p {
    padding-left: 4px;
    padding-right: 4px;
}

.sec-4-text>p {
    color: rgb(121, 122, 126);
}

#materials img:first-child {
    padding: 1em;
}

/* SECTION 5 */
.sec-5-column {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 25%;
    padding: 1.5em;
    align-items: center;
}

#sustainability>.row:nth-child(2) {
    padding-top: 2em;
}

.sec-5>h2 {
    color: rgb(236, 170, 59);
    font-size: 1.3em;
    text-align: center;
    padding: 1.2em .2em 1em .2em;
}

.sec-5>p {
    color: rgb(121, 122, 126);
    text-align: center;
}

.sec-5>img {
    object-fit: cover;
    width: 100%;
    height: 18em;
    border-radius: 10px;
}

#sustainability .video-container {
    padding-left: 10px;
    padding-right: 10px;
}