.header-logo .subtitle {
    position: absolute;
    top: 28px;
    left: 78px;
    width: auto;
    text-align: left;
    z-index: 2;
    height: 0;
    transition: all 0.3s ease;
}

    .header-logo .subtitle h2 {
        width: 100%;
        line-height: 20px;
        border-right: 0.15em solid orange;
        font-family: "Courier";
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        -webkit-animation: type 2s steps(40, end), blink .5s step-end 10 alternate;
        animation: type 2s steps(40, end), blink .5s step-end 10 alternate;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        transition: all 0.3s ease;
    }

.sticky-header-active .header-logo .subtitle {
    top: 26px;
    left: 65px;
    transition: all 0.3s ease;
}

    .sticky-header-active .header-logo .subtitle h2 {
        font-size: 13px;
        transition: all 0.3s ease;
    }

@keyframes type {
    0% {
        width: 0;
    }

    1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes type {
    0% {
        width: 0;
    }

    1% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        border-color: transparent;
    }

    50% {
        border-color: orange;
    }
}

@-webkit-keyframes blink {
    0% {
        border-color: transparent;
    }

    50% {
        border-color: orange;
    }
}

nav a:hover {
    text-decoration: none;
}

@media (max-width: 991px) {
    #header .header-nav-main nav > ul li a {
        display: inline-block;
    }
}

#footer .logo img {
    top: 0;
}

.post-image {
    text-align: center;
}