#blogImage {
    max-height: 500px;
    max-width: 100%;
    border-radius: 2vh;
}

#blogFooter {
    text-align: left;
}

#blogFooter span {
    margin-left: 5%;
    margin-right: 5%;
}

#blogFooterRight {
    display: block;
    float: right;
}

#blogTags {
    word-wrap: normal;
}

#blogBody {
    text-align: justify;
}

/*for square images*/
#blogBody .square {
    border-radius: 0;
}

/*for wide images*/
#blogBody .wide {
    max-width: 90%;
}

#blogBody img {
    max-height: 1000px;
    max-width: 75%;
    border-radius: 2vh;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

#blogBody i {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*for vertical screens*/
@media (max-width: 1000px) {
    #blogBody .wide {
        max-width: 100%;
    }
    #blogBody img {
        max-width: 100%;
    }
}