.hdrimg{
background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height:100%;
  width:100%;
  position:absolute;
  z-index:-1;
}

main .container{
  margin:auto;
  left:0;
  right:0;
  position:relative;
  margin-top:10%;
}
.notescont, .modal-content .container{
    width:90%;
}

.topbar{
 font-family: 'Source Sans Pro', sans-serif;
  text-align:center;
  margin-top:0;
  padding-top:1%;
  width:100%;
  z-index:99;
  padding-bottom:2%;
  text-transform:Capitalize;
}

footer{
  padding:1%;
  font-family:'Source Sans Pro', 'century gothic', sans-serif; font-size:0.9em;
  text-align:center;
}

main{
  margin-bottom:10%;
}
.topbar li{
  display:inline;
  padding:2%;
  margin:1%;
  padding-bottom:2%;
}
.topbar h1, .topbarmob h1{
  display:inline;
  font-size:2.5em;
  font-weight:700;
  text-transform:uppercase;
  font-family:'Source Sans Pro',sans-serif;
}
.topbarmob h1{
  font-size:1.5em;
  line-height:0px;
}
#topbartit{
  margin-right:30%;
}
.navdrop a, .topbarmobli a{
    text-transform:Capitalize;
}
#topbartitmob{
  padding:1%;
  padding-top:2%;
  padding-left:5%;
  cursor:pointer;
}
.topbarmobli li{
  padding:1%;
  padding-left:5%;
}

.caption{
  text-align:left;
  width:90%;
  margin:auto;
}
.comicpagn, .normpagn{
  margin-top:5%;
  text-align:center;
  margin:auto;
}
.normpagn{
    padding-top:5%;
}
#asker{
  margin-bottom:5%;
}
#avatarpic{
  overflow:hidden;
  width:50px;
  height:50px;
  border-radius:50%;
}
mark{
  background-color:powderblue;
}
.caption ul, .caption ol{
  padding-left:5%;
}
.caption ul li{
  list-style:disc;
}

.caption ol li{
  list-style:decimal;
}
#chatter{
  text-align:right;
  font-family:'Source Sans Pro', sans-serif;
  font-weight:700;
  text-transform:uppercase;
}
#chatter, #chatted{
  padding-bottom:2%;
}
.caption h2{
  font-size:2.5em;
  font-family:'Source Sans Pro',sans-serif;
  font-weight:600;
}
.imgentryplace{
  margin:auto;
  left:0;
  right:0;
}
.tagsbar li{
    display:inline;
    padding:1%;
    font-family:'Source Sans Pro',sans-serif;
    font-weight:300;
    font-size:0.9em;
}
.tagsbar li:before{
    content:"#";
}
.imgentryplace .caption{
  margin-top:5%;
}
.entry{
  margin-top:10%;
}
#quoted{
  width:60%;
  margin:auto;
  font-style:italic;
  font-size:1.2em;
}

#quoter, #asker{
  font-family:'Source Sans Pro',sans-serif;
  font-weight:700;
  text-align:right;
  width:85%;
  margin-top:5%;
}
.navcon{
  height:100px;
  text-align:center;
  margin:auto;
  left:0;
  right:0;
  padding:0;
  position:relative;
}
.meta{
    margin:auto;
  left:0;
  right:0;
  text-align:center;
  margin-bottom:5%;
  margin-top:5%;
  font-size:0.9em;
  font-family:'Source Sans Pro',sans-serif;
  font-weight:300;
}
.metabar{
  width:50%;
  margin:auto;
  left:0;
  right:0;
  text-align:center;
}

hr {
    margin-top:5%;
}
.metabar li{
  display:inline;
  text-align:center;
  color:#e0e0e0;
  padding:1% 5% 1% 5%;
}
footer .desc {
    text-align:left;
}

#asked{
text-align:left;
  width:90%;
  margin:auto;
  padding:3% 5%;
}
footer h5{
    font-weight:600;
    font-size:1.5em;
}

#topbartit:hover{
  border:none;
}
#back-top{
  position:fixed;
  bottom:0;
  right:0;
  display:none;
  z-index:999;
}

.readmore{
    text-align:center;
    margin:auto;
    right:0;
    left:0;
    font-size:0.9em;
    font-family:'Source Sans Pro', sans-serif;
}
#loading{
 position:fixed;
  z-index:999;
  min-width:100vw;
  width:100%;
  min-height:100vh;
  height:100%;
  margin:auto;
  right:0;
  left:0;
  text-align:center;
  padding-top:25%;
}
#loading h5{
  font-size:1.3em;
  font-variant: small-caps;
  letter-spacing:0.2em;
}
ol.notes li.note img.avatar {
    border-radius:50%;
}