.first-section {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* border: 1px solid red; */
}

.first-section .left-section {
    width: 40%;
    font-size: 10rem;
    /* border: 1px solid red; */
}

.first-section .right-section {
    width: 30%;
    /* border: 1px solid red; */
}

.first-section .right-section img {
    width: 100%;

}

.second-section {
    width: 80vw;
    margin: auto;
    /* border: 1px solid red; */
    height: 80vh;
}

.second-section .box {
    background: #DDBEA3;
    width: 80vw;
    height: 2px;
    margin: 100px 0;
    display: flex;
}

.second-section .vertical {
    background: #DDBEA3;
    height: 93px;  
    width: 1px;
    margin: 0 150px;
}

.second-section h1:first-child {
    margin-bottom: 0;
}

.vertical-title {
    position: relative;
    top: 100px;
    left: -125px;
    width: 250px;
}

.vertical-desc {
    position: relative;
    top: 120px;
    left: -125px;
    width: 250px;
}

.time {
    position: relative;
    width: max-content;
    height: 0;
    transform: translateX(-50%);
    top: -32px;
    margin-bottom: 0;
}


@media (max-width: 768px) {
    nav ul {
        display: flex;
        flex-direction: column;
    }

    nav {
        height: max-content;
    }

}