#blogContent {
    /* background-color: blue; */
    width: 100%;
    height: auto;
    /* padding-top: 50px; */
    /* padding-bottom: 50px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#articleDiv {
    /* background-color: aqua; */
    width: 65%;
    height: auto;
    /* position: relative; */
    /* right: 5%; */
    padding-top: 3%;
    padding-bottom: 3%;
    /* padding-right: 7%; */
    padding-left: 3%;
    color: #303747;
    display: flex;
    flex-direction: column;
    /* justify-content: right; */
    /* align-items: center; */
}

#articleDateDiv {
    /* background-color: aquamarine; */
    width: 100%;
    height: auto;
    display: flex;
    justify-content: right;
}

#articleDateDiv>span {
    /* padding-right: 3%; */
    /* padding-left: 3%; */
    direction: rtl;
    text-align: justify;
    font-family: vm;
    font-size: 1vw;
    /* line-height: 2.5vw; */
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}

#articleTitleDiv {
    /* background-color: cadetblue; */
    width: 100%;
    height: auto;
    display: flex;
    justify-content: right;
}

#articleTitleDiv>h1 {
    /* padding-right: 3%; */
    /* padding-left: 3%; */
    direction: rtl;
    text-align: justify;
    font-family: vb;
    font-size: 2.2vw;
    /* line-height: 2.5vw; */
    /* padding-top: 0.5vw; */
    /* padding-bottom: 0.5vw; */
}

#articleSubHeadingDiv {
    /* background-color: cornflowerblue; */
    width: 100%;
    height: auto;
    display: flex;
    justify-content: right;
}

#articleSubHeadingDiv>h2 {
    /* padding-right: 3%; */
    direction: rtl;
    text-align: justify;
    font-family: vm;
    font-size: 1.2vw;
    /* line-height: 2.5vw; */
    /* padding-top: 1vw; */
    padding-bottom: 2.5vw;
}

#articlePicDiv {
    /* background-color: orange; */
    width: 100%;
    height: auto;
}

#articlePicDiv>img {
    width: 100%;
    height: auto;
    border-radius: 1vw;
    box-shadow: inset 0px -10px 10px -10px lightslategray, 0px 25px 40px -10px lightslategray;
}

#articleBodyDiv {
    /* background-color: greenyellow; */
    width: 100%;
    height: auto;
}
#articleBodyDiv span, 
#articleBodyDiv h1, 
#articleBodyDiv h2, 
#articleBodyDiv h3, 
#articleBodyDiv h4, 
#articleBodyDiv h5, 
#articleBodyDiv h5, 
#articleBodyDiv b, 
#articleBodyDiv i, 
#articleBodyDiv strong {
    font-family: 'vm' !important;
}

#articleBodyDiv img {
    max-width: 100% !important;
}

#articleBodyDiv h1, 
#articleBodyDiv h2, 
#articleBodyDiv h3, 
#articleBodyDiv h4, 
#articleBodyDiv h5, 
#articleBodyDiv h6 {
    padding-right: 3%;
    padding-left: 3%;
    direction: rtl;
}

#articleBodyDiv p {
    padding-right: 3%;
    padding-left: 3%;
    direction: rtl;
    text-align: justify;
    font-family: vm !important;
    font-size: 1.2vw;
    line-height: 2.5vw;
    padding-top: 1vw;
    /* padding-bottom: 1vw; */
}

@media screen and (max-width:750px) {
    #blogContent {
        /* background-color: blue; */
        width: 100%;
        height: auto;
        padding-top: 135px;
        /* padding-bottom: 50px; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #articleDiv {
        /* background-color: aqua; */
        width: 90%;
        height: auto;
        /* position: relative; */
        /* right: 5%; */
        padding-top: 3%;
        padding-bottom: 3%;
        /* padding-right: 7%; */
        padding-left: 0%;
        color: #303747;
        display: flex;
        flex-direction: column;
        /* justify-content: right; */
        /* align-items: center; */
    }

    #articleDateDiv {
        /* background-color: aquamarine; */
        width: 100%;
        height: auto;
        display: flex;
        justify-content: right;
    }

    #articleDateDiv>span {
        /* padding-right: 3%; */
        /* padding-left: 3%; */
        direction: rtl;
        text-align: justify;
        font-family: vm;
        font-size: 3vw;
        /* line-height: 2.5vw; */
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
    }

    #articleTitleDiv {
        /* background-color: cadetblue; */
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #articleTitleDiv>h1 {
        /* padding-right: 3%; */
        /* padding-left: 3%; */
        direction: rtl;
        text-align: justify;
        font-family: vb;
        font-size: 5.5vw;
        /* line-height: 2.5vw; */
        /* padding-top: 0.5vw; */
        /* padding-bottom: 0.5vw; */
    }

    #articleSubHeadingDiv {
        /* background-color: cornflowerblue; */
        width: 100%;
        height: auto;
        display: flex;
        justify-content: right;
    }

    #articleSubHeadingDiv>h2 {
        /* padding-right: 3%; */
        direction: rtl;
        text-align: justify;
        font-family: vm;
        font-size: 3.5vw;
        /* line-height: 2.5vw; */
        /* padding-top: 1vw; */
        padding-bottom: 2.5vw;
    }

    #articlePicDiv {
        /* background-color: orange; */
        width: 100%;
        height: auto;
    }

    #articlePicDiv>img {
        width: 100%;
        height: auto;
        border-radius: 5vw;
        box-shadow: inset 0px -10px 10px -10px lightslategray, 0px 25px 40px -10px lightslategray;
    }

    #articleBodyDiv {
        /* background-color: greenyellow; */
        width: 100%;
        height: auto;
    }

    #articleBodyDiv>p {
        padding-right: 3%;
        padding-left: 3%;
        direction: rtl;
        text-align: justify;
        font-family: vm;
        font-size: 3.5vw;
        line-height: 7vw;
        padding-top: 1vw;
        /* padding-bottom: 1vw; */
    }
}