.blog-content{
    margin: 5% auto 5% auto;
    width: 80vw;
}

@media (max-width: 450px){
    .blog-content{
        width: 90vw;
    }
    .post-content{
        padding: 40px;
    }
}

.title{
    font-size: 18px;
    color: #008286;
}
.blog-post{
    border-bottom: 1px solid rgb(154, 154, 154);
}

.post-header{
    margin : 30px 0 30px 0;
}

.post-content{
    display: flex;
    flex-wrap: wrap;
    text-align: justify;
}

@media (min-width: 451px){

    .post-content{
        padding: 60px;
    }
}

.post-title {
    color: #CB9C41;
}

.post-content img{
    margin: 10px;
    border-radius: 20px;
}

.post-image, .post-summary {
    flex: 1 1 450px;
}

.post-date{
    font-size: 16px;
}

.post-summary p {
    padding-bottom: 20px;
    line-height: 1.7rem;
}

.post-summary a {
    text-decoration: none;
    color: #008286;
}

.post-summary a:visited{
    color: #008286;
}

.post-summary a:hover{
    color: #6de1e5;
}

.post-text{
    margin: 3rem auto 0 auto;
    width: 70vw;
    font-size: 18px;
    line-height: 1.6rem;
}

.post-text p{
    margin: 1rem 0 1.5rem 0;
    font-size: 18px;
}

.post-text span{
    display: flex;
    justify-content: center;
    color:rgb(255, 239, 218);
    
}

.post-text h2{
    margin: 5rem 0 2rem 0;
    border-bottom: 1px solid rgb(154, 154, 154);
    border-top: 1px solid rgb(154, 154, 154);
    text-align: center;
    padding: 5px 0 5px 0;
}

.post-text ul {
    list-style: disc;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
    padding-left: 1.5rem;
}

.post-text a{
    color: #008286;
    text-decoration: none;

}
.post-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.post-image img{
    max-width: 100%;
    height: auto;
}


.post-text a:hover{
    color: #6de1e5;
    text-decoration: none;
}
.navigation-hierarchy{
    font-size: 18px;
}

.navigation-hierarchy a{
    color:#008286;
    text-decoration: none;
}

.navigation-hierarchy a:visited{
    color:#008286;
    text-decoration: none;
}

.navigation-hierarchy a:hover{
    color: #6de1e5;
}

.separator {
    margin : 0 1rem 0 1rem;
}