#post_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0 50px 0;
    animation-name: post-fade;
    animation-duration: 1.2s;
}
@keyframes post-fade {
    from {opacity: 0%;}
    to {opacity: 100%;}
  }

#post_content figcaption, .post_caption {
    color: #535353
}

#post_header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#post_header h1 {
    margin: 0 0 30px;
}

#post_header .post_date {
    font-size: 20px;
}

#post_header img {
    padding-bottom: 10px;
    max-height: 90vh;
    width: auto;
    height: auto;
}

#post_main {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#post_main_a {
    cursor: default;
    width: 100%;
}


#post_main img {
    max-height: 75vh;
    width: auto;
    height: auto;
    margin-top: 20px;
}

#post_main p {
    max-width: 900px;
}

#post_main figcaption {
    text-align: center;
}

#blog_nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

#social {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

#share img {
    width: 30px;
    height: auto;
}


@media (max-width: 960px) {
    main {margin-top: 25px!important;}
    #post_header h1 {font-size: 35px;}
    #post_content {margin-top: 40px;}
    #post_main p {max-width: 92vw;}
    #post_header img {max-width: 92vw}
    #post_main img {max-width: 92vw}
    #blog_nav {margin-bottom: 40px;}
    #post_header .post_date {font-size: 20px;}
}

@media (max-width: 768px) {
    #post_content {margin: 0px 0 50px 0;}
    #post_header .post_date {font-size: 14px;}
    #post_content figcaption, .post_caption {font-size: 12px;}
    #post_main {margin-top: -30px;}
}