hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.single-post-wrapper {
    width: 50%;
    margin: 0 auto;
    margin-top: 6vh;
    padding-bottom: 5vh;
}

.single-post-wrapper h1, h3, h2, h4, h5, h6 {
    margin-bottom: 20px;
}

.single-post-wrapper p {
    font-size: 18px !important;
    margin-bottom: 20px;
}

.single-post-wrapper ul, ol {
    margin-left: 20px;
    font-size: 18px;
}

.single-post-wrapper li {
    margin-bottom: 20px;
}

/* -------------- bottom mobile footer post ----------------- */
.mobile-writing-footer {
    border-top: 1px solid lightgrey;
    width: 90%;
    margin: 0 auto;
}

.hidden-newsletter {
    padding-top: 4vh;
    padding-bottom: 2vh;
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.hidden-newsletter h3 {
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 4px;
}

.hidden-newsletter h1 {
    font-size: 35px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.hidden-newsletter p {
    font-size: 18px;
    margin-bottom: 30px;
}

.hidden-news {
    font-size: 19px !important;
    width: 58%;
}

.hidden-news-btn {
    font-size: 19px !important;
}

.hidden-foot-bottom {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10vh;
}

.hidden-foot-bottom img {
    margin-top: 20px;
    height: 120px;
    margin-bottom: 10px;
    margin-top: 2vh;
    border-radius: 6px !important;
}

.hidden-foot-bottom h3 {
    color: #28282A;
    letter-spacing: 2px;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 10px;
}

.hidden-foot-bottom p {
    font-size: 18px;
}

.social-links-footer {
    margin-top: 20px;
}

.social-links-footer a {
    display: inline !important;
    margin-right: 4%;
    color: #28282A;
    font-size: 30px;
    text-decoration: none;
}

.social-links-footer a:hover {
    color: grey;
    transition: 0.2s;
}


/* Mobile */
@media (max-width: 767px) {
    .single-post-wrapper {
        width: 85%;
    }

    .single-post-wrapper h1 {
        font-size: 28px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    .single-post-wrapper {
        width: 65%;
    }

    .mobile-writing-footer {
        width: 70%;
        
    }
    
}

/* Laptop */
@media (min-width: 1025px) and (max-width: 1440px) {
    .mobile-writing-footer {
        width: 55%;
    }
}

/* 4K and larger screens */
@media (min-width: 1441px) {
    .single-post-wrapper {
        width: 30%;
    }

    .mobile-writing-footer {
        width: 30%;
    }
}