#header .logo {
    overflow: hidden;
    /*padding: 16px 30px 12px 30px;*/
    background: #fff;
}

#header .logo h1 {
    font-size: 26px;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
}

#header .logo h1 a, #header .logo h1 a:hover {
    color: #fff;
    text-decoration: none;
}

#header .logo img {
    padding: 0;
    margin: 0;
    max-height: 30px;
}
/*
@media (max-width: 992px) {
    #header {
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
        top: 0;
        background: #00afef;
    }
    #header.header-scrolled, #header .header-container {
        background: #00afef;
    }
    #header .logo h1 {
        font-size: 24px;
    }
}


#mainNav .navbar-nav li.nav-item a.nav-link {
    color: deepskyblue;
}
@media (min-width: 992px) {
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
        color: #fff;
        background: deepskyblue;
    }
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
    color: #fff;
}
.bg-iam{
    background-color: deepskyblue;
}
*/

/* home page */
header.masthead1 {
    padding-top: 6rem;
    padding-bottom: calc(10rem - 4.5rem);
    background-image: url("https://api.iampapajan.com/files/bg-iam-iampapajan.jpg");
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: scroll;*/
    background-size: cover;

    background-position: center top;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
}
@media (min-width: 992px) {
    header.masthead1 {
        /*height: 100vh;*/
        min-height: 26rem;
        /*padding-top: 4.5rem;*/
        padding-bottom: 0;
    }
    header.masthead1 p {
        font-size: 1.15rem;
    }
    header.masthead1 h1, header.masthead1 .h1 {
        font-size: 3rem;
    }
}

/* iampapajan page */
header.masthead-iampapajan {
    padding-top: 6rem;
    padding-bottom: calc(10rem - 4.5rem);
    background-image: url("https://api.beta.halo-technology.co.ke/files/headers/bg-iam-personal.jpg"); /* Remember to change this on deployment */
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: scroll;*/
    background-size: inherit;

    background-position: center top;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
}
@media (min-width: 992px) {
    header.masthead-iampapajan {
        /*height: 100vh;*/
        min-height: 23rem;
        /*padding-top: 4.5rem;*/
        padding-bottom: 0;
    }
    header.masthead-iampapajan p {
        font-size: 1.15rem;
    }
    header.masthead-iampapajan h1, header.masthead-iampapajan .h1 {
        font-size: 3rem;
    }
}
header.masthead-iampapajan-bg {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    /*background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/bg-masthead.jpg");*/
    background-image: url("https://api.beta.halo-technology.co.ke/files/headers/bg-iam-personal.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    /*background-size: cover;*/
    background-size: 100% auto;
}
header.masthead-iampapajan-bg h1, header.masthead-iampapajan-bg .h1 {
    font-size: 2.25rem;
}
@media (min-width: 992px) {
    header.masthead-iampapajan-bg {
        height: 100vh;
        min-height: 40rem;
        padding-top: 4.5rem;
        padding-bottom: 0;
    }
    header.masthead-iampapajan-bg p {
        font-size: 1.15rem;
    }
    header.masthead-iampapajan-bg h1, header.masthead-iampapajan-bg .h1 {
        font-size: 3rem;
    }
}
@media (min-width: 1200px) {
    header.masthead-iampapajan-bg h1, header.masthead-iampapajan-bg .h1 {
        font-size: 3.5rem;
    }
}

/* it's personal page */
header.masthead-personal {
    padding-top: 8rem;
    padding-bottom: calc(10rem - 4.5rem);
    background-image: url("https://api.iampapajan.com/files/bg-iam-personal.jpg");
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: scroll;*/
    background-size: cover;

    background-position: center top;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
}
@media (min-width: 992px) {
    header.masthead-personal {
        /*height: 100vh;*/
        min-height: 28rem;
        /*padding-top: 4.5rem;*/
        padding-bottom: 0;
    }
    header.masthead p {
        font-size: 1.15rem;
    }
    header.masthead h1, header.masthead .h1 {
        font-size: 3rem;
    }
}
header.masthead-personal-bg {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    /*background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/bg-masthead.jpg");*/
    background-image: url("https://api.iampapajan.com/files/bg-iam-personal.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    /*background-size: cover;*/
    background-size: 100% auto;
}
header.masthead-personal-bg h1, header.masthead-personal-bg .h1 {
    font-size: 2.25rem;
}
@media (min-width: 992px) {
    header.masthead-personal-bg {
        height: 100vh;
        min-height: 40rem;
        padding-top: 4.5rem;
        padding-bottom: 0;
    }
    header.masthead-personal-bg p {
        font-size: 1.15rem;
    }
    header.masthead-personal-bg h1, header.masthead-personal-bg .h1 {
        font-size: 3rem;
    }
}
@media (min-width: 1200px) {
    header.masthead-personal-bg h1, header.masthead-personal-bg .h1 {
        font-size: 3.5rem;
    }
}

/* from my heart page */
header.masthead-heart {
    padding-top: 8rem;
    padding-bottom: calc(10rem - 4.5rem);
    background-image: url("https://api.iampapajan.com/files/bg-iam-heart.jpg");
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: scroll;*/
    background-size: cover;

    background-position: center top;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
}
@media (min-width: 992px) {
    header.masthead1-heart {
        /*height: 100vh;*/
        min-height: 28rem;
        /*padding-top: 4.5rem;*/
        padding-bottom: 0;
    }
    header.masthead p {
        font-size: 1.15rem;
    }
    header.masthead h1, header.masthead .h1 {
        font-size: 3rem;
    }
}
header.masthead-heart-bg {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    /*background: linear-gradient(to bottom, rgba(92, 77, 66, 0.8) 0%, rgba(92, 77, 66, 0.8) 100%), url("../assets/img/bg-masthead.jpg");*/
    background-image: url("https://api.iampapajan.com/files/bg-iam-heart.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    /*background-size: cover;*/
    background-size: 100% auto;
}
header.masthead-heart-bg h1, header.masthead-heart-bg .h1 {
    font-size: 2.25rem;
}
@media (min-width: 992px) {
    header.masthead-heart-bg {
        height: 100vh;
        min-height: 40rem;
        padding-top: 4.5rem;
        padding-bottom: 0;
    }
    header.masthead-heart-bg p {
        font-size: 1.15rem;
    }
    header.masthead-heart-bg h1, header.masthead-heart-bg .h1 {
        font-size: 3rem;
    }
}
@media (min-width: 1200px) {
    header.masthead-heart-bg h1, header.masthead-heart-bg .h1 {
        font-size: 3.5rem;
    }
}

header.masthead h1, header.masthead .h1 {
    font-size: 2.25rem;
}
@media (min-width: 1200px) {
    header.masthead h1, header.masthead .h1 {
        font-size: 3.5rem;
    }
}
.comment-title {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.comment-title::after {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #00afef;
    bottom: 0;
    left: 14px;
}
#primary {
    background-color: #fff;
}
#page {
    margin: 0 auto!important;
}
.singular.page .hentry {
    padding: 0 0 0!important;
}