body{
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    /* font-optical-sizing: auto; */
    font-style: normal;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

h1, h2, p, a{
    margin: 0;
    padding: 0;
}

.about_us h1{
    text-align: center;
    font-size: 30px;
    background: #0f2d46;
    padding: 15px 0;
    color: #fbf7f5;
}

.about_us h2{
    font-size: 28px;
    text-align: center;
    color: #535353;
    padding: 8px 0;
}

.about_us .underline{
    width: 80%;
    height: 1px;
    background: #757575;
    margin: auto;
    box-shadow: 0px 0px 1px 0px #000;
}

.about_us .one{
    width: 99%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 22px 0px 30px 0px;
}

.about_us .one .text{
width: 40%;
}

.about_us .one .text p{
    color: #000;
    font-size: 17px;
    line-height: 24px;
    word-spacing: 2px;
    word-wrap: break-word;
    text-align: justify;
    font-weight: 500;
}

/* zero */

.about_us .one .img_0{
background: url(../img/about_us/ttime-marketplace.jpeg) no-repeat;
    width: 50%;
    height: 74vh;
    background-size: 116% 108%;
    background-position: center;
}

/* one */
.about_us .one .img_1{
    background: url(../img/about_us/0001.jpeg) no-repeat;
    width: 50%;
    height: 70vh;
    background-size: 104% 102%;
}
    
/* two */
.about_us .one .img_2{
    background: url(../img/about_us/002.jpg) no-repeat;
    width: 50%;
    height: 70vh;
background-size: 100% 100%;
}

/* three */
.about_us .one .img_3{
    background: url(../img/about_us/003.jpg) no-repeat;
    width: 50%;
    height: 70vh;
background-size: 101% 101%;
}

/* four */
.about_us .one .img_4{
    background: url(../img/about_us/004.jpg) no-repeat;
    width: 50%;
    height: 70vh;
    background-size: 100% 106%;
}

/* five */
.about_us .one .img_5{
    background: url(../img/about_us/005.jpg) no-repeat;
    width: 50%;
    height: 70vh;
    background-size: 100% 108%;
}

/* six */
.about_us .one .img_6{
    background: url(../img/about_us/why_tiffin_time.jpg) no-repeat;
    width: 50%;
    height: 70vh;
        background-size: 101% 103%;
}

/* seven */
.about_us .one .img_7{
    background: url(../img/about_us/007.jpg) no-repeat;
    width: 50%;
    height: 70vh;
    background-size: 100% 108%;
}




@media (min-width: 375px) and (max-width: 768px) {


.about_us .one .img_0 {
        width: 100%;
    height: 68vh;
        margin: 20px 0;

}

.about_us .one .img_1 {
        width: 100%;
    height: 60vh;
        margin: 20px 0;

}

.about_us .one .img_2 {
        width: 100%;
    height: 66vh;
        margin: 20px 0;

}

.about_us .one .img_3 {
        width: 100%;
    height: 70vh;
        margin: 20px 0;

}

.about_us .one .img_4 {
        width: 100%;
    height: 68vh;
        margin: 20px 0;

}

.about_us .one .img_5 {
        width: 100%;
    height: 66vh;
        margin: 20px 0;

}

.about_us .one .img_6 {
        width: 100%;
    height: 68vh;
        margin: 20px 0;

}

.about_us .one .img_7 {
        width: 100%;
    height: 70vh;
        margin: 20px 0;

}



}