.♥ {
    text-align:center;
    /* transform: translateY(-150px); */
}
#♥ {
    font-size:512px;
    color:#f60;
}

* {
    font-family: Ubuntu;
    text-decoration:none;
}
body,div,h1,h2,h3,h4,h5,p,span,ul {
    margin: 0px;
}
h1,h2,h3,h4,h5,p,span,ul#recent-post>li>a,.tagcloud>a,.article-content,.post-content {
 
    line-height: 1.6;
}
body {
    width:100%;
}
nav {
    font-size:2em;
}
nav#main-nav > ul > li {
    display:inline;
    padding-right:20px; 
    color:#bbb;
}
nav#main-nav > ul {
    display:inline;
    padding-left:0px; 
    color:#bbb;
}
a:link,
a:visited,
a:hover,
a:active {
    color: #f60;
}
p.article-more-link {
    float: right;
}

#main-nav a {
    color: #bbb;
}
div#navbar-menu {
    /* display:none; */
  position: relative;
  /* border: solid 0.1em red; */
  /* self-align: baseline; */
  float: right;
  padding-top: 22px;
}

div#header-main {
    background-color: #333;
    border-bottom: solid 5px #f60;
    width: 100%;
    height: 80px;
}


div.content {
    margin-top:20px;
    padding:1em;
    display: flex;
    justify-content: space-around;
    min-height: calc(100vh - 210px);

}

.article-content img {
    max-width:100%;
    /* max-height:100vh; */
}


#title-container img{
    /* height:4em; */
    padding-top: 10px;
    padding-left: 20px;
    /* text-shadow: 0px 0px 5px #f60; */

}
#title-container img{
    -webkit-transition: -webkit-filter .5s ease-out;
    -moz-transition: filter .5s ease-out;
    -ms-transition: filter .5s ease-out;
    transition: filter .5s ease-out;
}
#title-container img:hover{
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    transition: 0.3s ease-in;

    -webkit-filter: drop-shadow(0px 0px 4px #f60);
    filter: drop-shadow(0px 0px 4px #f60);

}

#navbar-brand>span{
    position:absolute;
    display:inline;
    margin:0;
    padding-top:0em;
    line-height: 1.2;

}
#navbar-brand>span.site-title-kai{
    font-weight: bold;
        color:white;
}
#navbar-brand>span.site-title-dot-dj{
    padding-left:1.65em;
    font-weight: lighter;
    color:#f60;
}
#navbar-brand{
    padding-left:20px;
    font-size:4em;
}

#title-container {
    display: inline-flex;
    /* border: solid 5px cyan; */
}

main {
    /* grid-area: main; */

    /* padding: 20px; */
    width:75%;
        min-width:  80px;
}

article.article.post {
    padding-bottom: 50px;
}

aside {
    width:20%;
    padding-top:1.5em;
}
.inner-aside {
    padding-left: 1em;
    font-size:1em;
}
.widget-wrap {
    padding-bottom:1em;
}
footer {

    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}
.post-thumb { 
    /* background-color: #ff0; */
    /* height:200px; */
    /* width:200px; */
    float: left;
    /* padding: 5px;        */
    padding-right: 15px;       
}
.post-thumb img {
    display: block;
    max-height:200px;
    max-width:200px;
}
.summary-container {

    margin-top: 5px;       
}

a.permalink {
    color: #f60;
}

.article-meta {
    color: #555;
    padding-bottom: 0.5em;
}
.article-meta a {
    color: #555;
}
.min-height200 {
    min-height:200px;
}

article,
footer,
.inner-aside,
h1.archive-category,
main h1,
main p {
    color: #222;
}

figure img {
    border: solid 1px #222;
    padding: 5px;
}

.article-content .outline-3 {
    margin-top: 1.2em;
}

.cv-table {
    border-collapse: collapse;
}
.cv-table tr {
    border-bottom: 1px solid #ddd;
}
.cv-table tr:last-child {
    border-bottom: none;
}
.cv-table td {
    border: none;
    padding: 4px 16px 4px 0;
    vertical-align: top;
}


ul#recent-post {
    padding-left: 1em;
}
.article-meta time {
    float: right; 
}


@media only screen and (max-width: 950px) {
    /* For mobile phones: */
    main {
       
            width:100%;
    }
    aside {
        /* background: #ff0; */
        padding-top: 1em;
        width:100%;
    }
    .inner-aside {
        padding-left: 0em;
    }
    div.content {
        padding: 1em;
        display: block;
        justify-content: space-around;
    }
    nav {
        display:none;
    }
    .post-thumb {
        /* border: 5px solid #333;      */
        display:block;
        order: 2;


    }
    .post-thumb img {
        /* display:block; */
    }
    
    .article-meta time {
        float: none;
        display: block;
    }
   
}
@media only screen and (max-width: 550px) {


 .post-thumb {
             display:block;
        order: 2;
        width:100%;
 

    }
    .post-thumb img {
        /* display:block; */
        width:100%;
        margin-bottom:10px;
        max-height:none;max-width:none;
    }
    
    .article-meta time {
        float: none;
        display: block;
    }
    .min-height200 {
        min-height:200px;

    }


}