/* Blog Menu Styles */

.blog-menu {
    margin: 20px 20px 40px 20px;
}
.blog-entry {
    text-align: center;
    margin: 0px auto 40px auto;
}
.blog-date {
    font-size: 14pt;
}
.blog-title {
    font-size: 20pt;
}
.blog-img {
    display: block;
    max-width: 300px;
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
}

/* Blog Entry Styles */

.blog-block {
    padding: 0px;
    margin: 20px;
    clear: both;
}
.blog-text {
    padding: 0px;
    margin: 20px;
    text-align: justify;
}
.blog-block > img {
    display: block;
    max-width: 300px;
    max-height: 300px;
    margin: 0px 15px 15px 15px;
}
.blog-block > img:not(.float-l, .float-r) {
    margin-left: auto;
    margin-right: auto;
}

.blog-block > .float-l {
    float: left;
}

.blog-block > .float-r {
    float: right;
}

.blog-feature-image {
    display: block;
    margin: 20px;
    width: min(80vw, 800px);
    height: auto;
    margin-left: auto;
    margin-right: auto;
}


/* Compact */
@media(max-width: 650px) {
    .blog-block > img {
        margin: 0px auto 20px auto;
        max-width: min(90%, 300px);
        object-fit: contain;
    }
    .blog-block > .float-l, .blog-block > .float-r {
        float: none;
    }
}

/* Wide */
@media(min-width: 1200px) {
    .blog-block {
        max-width: 1160px;
        margin-left: auto;
        margin-right: auto;
    }
}