html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/* body header : Defined in front-office-menu Page */

body main {
    height: 90%;
    margin: 0px;
    padding: 0px;
}

/* body footer Defined in front-office-foot Page */

body main .DivRootAboutUs {
    height: 90%;
    /* background-color: red; */
}

body main .DivSectionContent{
    height: 90%;
    /* background-color: aqua; */
}

@media screen and (min-width: 100px) and (max-width: 950px){
    .SectionDishesImg {
        background-image: url('./../../dishimg/about-us-phone-image.png') !important;
        background-size: 100% 100% !important;
    }

    .DivBriefDishMsg .ParagraphHealine {
        font-size: 32px !important;
        /* text-shadow: -2px -2px 0 darkgreen, 2px -2px 0 darkgreen, 2px 2px 0 darkgreen, 2px 2px 0 darkgreen; */
    }

    .DivBriefDishMsg .ParagraphText {
        font-size: 1.4rem !important;
    }

    .ParagraphFirstDescription {
        text-align: left !important;
        line-height: 24px !important;
        font-size: 1rem !important;
    }

    .ParagraphSecondDescription {
        text-align: left !important;
        line-height: 24px !important;
        font-size: 1rem !important;
    }

    .DivOrderOnlineContent {
        height: 148px !important;
        width: 100% !important;
    }

    .DivOrderOnlineContent h3 {
        padding: 6px !important;
        font-size: 1.4rem;
    }

    .DivOrderOnlineContent button {
        position: relative;
        left: 108px !important;
        font-size: 22px !important;
    }

    .SectionDisheImages div {
        margin: 14px 6px !important;
    }

    .ParagraphIntroductionTxt {
        font-size: 1.3rem !important;
    }

    .DivContactTxtInfo {
        font-size: 1.2rem !important;
    }
}

.SectionDishesImg {
    background-image: url('./../../dishimg/shimla-mirch-restaurant-chigwell.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 0px;
}

.SectionDishesImg {
    height: 70%;
}

.DivBriefDishMsg {
    padding-top: 138px;
}

.DivBriefDishMsg .ParagraphHealine {
    text-align: center;
    font-size: 5rem;
    font-style: italic;
    color: rgb(255, 70, 255); /*rgb(193, 255, 156);*/
}

.DivBriefDishMsg .ParagraphText {
    font-size: 2.6em;
    color: rgb(140, 255, 30);
    text-align: center;
}

.SectionRestaurantSummary {
    padding: 0px 12px;
}

.SummaryTitle {
    text-align: center;
}

.SummaryText {
    padding-top: 36px;
}

.ParagraphIntroductionTxt {
    text-align: center;
    font-size: 1.6rem;
    font-style: italic;
}

.ParagraphFirstDescription {
    line-height: 38px;
    font-size: 1.3rem;
    text-align: center;
}
.ParagraphFirstDescription span{
 display: block;
 padding: 4px 0px;

}

.ParagraphSecondDescription {
    line-height: 38px;
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 30px;
}

.DivOrderOnlineContent {
    background-color: rgb(255, 0, 0);
    color: rgb(255, 255, 255);
    height: 133px;
    width: 1212px;
    border-radius: 10px;
    margin: auto;
}

.DivOrderOnlineContent h3 {
    display: inline-block;
    padding: 48px;
}

.DivOrderOnlineContent button {
    position: relative;
    left: 182px;
    width: 152px;
    height: 58px;
    border-radius: 10px;
    font-size: 25px;
}

.SectionDisheImages {
    padding: 12px;
    text-align: center;
    margin-bottom: 100px;
}
.SectionDisheImages div {
    margin: 14px 12px;
}


.DivDishDescription01 {
    display: inline-block;
}
.DivDishDescription01 img{
    max-width: 100%;
    border-radius: 10px;
}

.DivChikenBiryaniDish {
    display: inline-block;
}
.DivChikenBiryaniDish img{
    max-width: 100%;
    border-radius: 10px;
}

.DivTikkaStarterPlate {
    display: inline-block;
}
.DivTikkaStarterPlate img{
    max-width: 100%;
    border-radius: 10px;
}

.DivTikkaVegetarian {
    display: inline-block;
}
.DivTikkaVegetarian img{
    max-width: 100%;
    border-radius: 10px;
}

.DivDishDescription02 {
    display: inline-block;
}
.DivDishDescription02 img{
    max-width: 100%;
    border-radius: 10px;
}

.DivTandooriKing {
    display: inline-block;
}
.DivTandooriKing img{
    max-width: 100%;
    border-radius: 10px;
}

.DivVegetarianCurry {
    display: inline-block;
}
.DivVegetarianCurry img{
    max-width: 100%;
    border-radius: 10px;
}

.DivBhunaCurry {
    display: inline-block;
}
.DivBhunaCurry img{
    max-width: 100%;
    border-radius: 10px;
}

.DivFlavourBlock {
    display: inline-block;
}
.DivFlavourBlock img{
    max-width: 100%;
    border-radius: 10px;
}
.DivFlavourBlock button {
    position: absolute;
    background-color: aliceblue;
    border-color: aqua;
    border-radius: 6px;
    right: 70px;
    height: 42px;
}

.DivContactBlock {
    position: relative;
    height: 300px;
    background-image: url('./../../dishimg/contact.png') !important;
    background-size: 100% 100% !important;
}

.DivContactTxtInfo {
    font-size: 1.6em;
    text-align: center;
}