/*!
 * Is This What You Wanted by Hiveworks, 2016
 * Author: Kevin Wilson, Hiveworks
 * Author URL: http://thekevinwilson.com
 */
@font-face {
  font-family: "SuperRad-Regular";
  src: url("../fonts/Super_Rad.eot?") format("eot"), url("../fonts/Super_Rad.woff") format("woff"), url("../fonts/Super_Rad.ttf") format("truetype"), url("../fonts/Super_Rad.svg#SuperRad-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latobold';
  src: url("../fonts/lato-bold-webfont.woff2") format("woff2"), url("../fonts/lato-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latobold_italic';
  src: url("../fonts/lato-bolditalic-webfont.woff2") format("woff2"), url("../fonts/lato-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoheavy';
  src: url("../fonts/lato-heavy-webfont.woff2") format("woff2"), url("../fonts/lato-heavy-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoheavy_italic';
  src: url("../fonts/lato-heavyitalic-webfont.woff2") format("woff2"), url("../fonts/lato-heavyitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoitalic';
  src: url("../fonts/lato-italic-webfont.woff2") format("woff2"), url("../fonts/lato-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latolight';
  src: url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latolight_italic';
  src: url("../fonts/lato-lightitalic-webfont.woff2") format("woff2"), url("../fonts/lato-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latomedium';
  src: url("../fonts/lato-medium-webfont.woff2") format("woff2"), url("../fonts/lato-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latomedium_italic';
  src: url("../fonts/lato-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/lato-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoregular';
  src: url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latosemibold';
  src: url("../fonts/lato-semibold-webfont.woff2") format("woff2"), url("../fonts/lato-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latosemibold_italic';
  src: url("../fonts/lato-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/lato-semibolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: inherit; }

  #authors{
	  color:#000;
	  font-family:Arial, Helvetica, Verdana, sans-serif;
	  font-size:16px;
	  text-align:right;
	  width:100%;
	  letter-spacing:1px;
	  padding:5px 5px 15px 0px;
  }
  @media screen and (max-width:1500px){
	  #authors{
	  font-size:11.3px;
	  letter-spacing:0px;
	  padding-top:3px;
	  }
  }
  @media screen and (max-width:1200px){
		#authors{
			font-size:1.5vw;
			padding:0px;
			text-align:center;
			letter-spacing:.1vw;
		}
  }
  @media screen and (max-width:800px){
	  #authors{
		  font-size:2vw;
	  }
  }
  .social ul li:first-child{
	  margin-right:.5vw !important;
  }
  
html {
  background-color: #d53c42;
  font-size: 17px;
  line-height: 1.5; }
  @media screen and (min-width: 850px) {
    html {
      font-size: 18px; } }
  @media screen and (min-width: 1200px) {
    html {
      font-size: 19px;
      line-height: 1.4; } }
  @media screen and (min-width: 1500px) {
    html {
      font-size: 19px;
      line-height: 1.4; } }

body {
  background-size: cover;
  background-image: url("../img/bg.svg"); }

h1, h2, h3, h4, h5, h6 {
  color: #252d31;
  -webkit-transition: color 0.35s linear;
          transition: color 0.35s linear; }
  a h1:hover, a h2:hover, a h3:hover, a h4:hover, a h5:hover, a h6:hover {
    color: #7dc3bf; }

a {
  text-decoration: none;
  color: #d53c42;
  -webkit-transition: color 0.35s linear;
          transition: color 0.35s linear; }
  a:hover {
    color: #7dc3bf; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

p {
  font-family: "latoregular", Tahoma, Verdana, Segoe, sans-serif;
  color: #252d31; }

b, strong {
  font-family: "latosemibold", Tahoma, Verdana, Segoe, sans-serif; }

em, i {
  font-family: "latoitalic", Tahoma, Verdana, Segoe, sans-serif; }

strong em, em strong {
  font-family: "latoheavy", Tahoma, Verdana, Segoe, sans-serif; }

/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
.hidden {
  display: none;
  visibility: hidden; }

.sr {
  /* Like the sr-only class in bootstrap. Accessible to screen readers, not for other users*/
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  header .logo img {
    width: 100%;
    display: block; }
  header .logo h1 {
    margin: 0; }
  header .logo .half {
    display: none; }
    @media screen and (min-width: 1200px) {
      header .logo .half {
        display: block; } }
  header .logo .full {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60vw; }
    @media screen and (min-width: 850px) {
      header .logo .full {
        width: 30vw; } }
    @media screen and (min-width: 1200px) {
      header .logo .full {
        display: none; } }
  header .top {
    background-color: #fefefe;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    @media screen and (min-width: 850px) {
      header .top {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    @media screen and (min-width: 1200px) {
      header .top {
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; } }
  main .bottom {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
  main #navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
    @media screen and (min-width: 850px) {
      main #navigation {
        -webkit-box-pack: initial;
        -webkit-justify-content: initial;
            -ms-flex-pack: initial;
                justify-content: initial;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
justify-content:center;				} }
    main #navigation li {
      width: 20vw; }
      @media screen and (min-width: 1200px) {
        main #navigation li {
          width: 13vw; } }
    main #navigation a {
      display: block;
      height: 20vw;
      background-image: url("../img/icons.svg");
      background-repeat: no-repeat;
      background-size: 260vw auto; }
      @media screen and (min-width: 850px) {
        main #navigation a {
          height: 10vw;
          background-size: 135vw auto; } }
      @media screen and (min-width: 1200px) {
        main #navigation a {
          height: 6vw;
          background-size: 110vw auto; } }
    main #navigation .archive {
      width: 26vw; }
      @media screen and (min-width: 850px) {
        main #navigation .archive {
          width: 22vw; } }
      @media screen and (min-width: 1200px) {
        main #navigation .archive {
          width: 18vw; } }
      main #navigation .archive a {
        background-position: 11% -15%;
        background-size: 1000% auto; }
        main #navigation .archive a:hover {
          background-position: 11% 111.75%; }
        @media screen and (min-width: 850px) {
          main #navigation .archive a {
            background-position: 9.5% -10%;
            background-size: 650% auto; }
            main #navigation .archive a:hover {
              background-position: 9.5% 103.5%; } }
        @media screen and (min-width: 1200px) {
          main #navigation .archive a {
            background-position: 9.5% 10%; }
            main #navigation .archive a:hover {
              background-position: 9.5% 101.75%; } }
    main #navigation .about a {
      background-position: -0.5% -15%; }
      main #navigation .about a:hover {
        background-position: -0.5% 112.75%; }
      @media screen and (min-width: 850px) {
        main #navigation .about a {
          background-position: -4.5% -10%; }
          main #navigation .about a:hover {
            background-position: -4.5% 110%; } }
      @media screen and (min-width: 1200px) {
        main #navigation .about a {
          background-position: -3.5% 10%; }
          main #navigation .about a:hover {
            background-position: -3.5% 109.5%; } }
    main #navigation .blog a {
      background-position: 25.75% -15%; }
      main #navigation .blog a:hover {
        background-position: 25.75% 112.75%; }
      @media screen and (min-width: 850px) {
        main #navigation .blog a {
          background-position: 23.5% -10%; }
          main #navigation .blog a:hover {
            background-position: 23.5% 110%; } }
      @media screen and (min-width: 1200px) {
        main #navigation .blog a {
          background-position: 23.5% 10%; }
          main #navigation .blog a:hover {
            background-position: 23.5% 109.5%; } }
  header .left {
    background-position: 99% bottom;
    background-repeat: no-repeat;
    background-size: auto 92%;
    border-style: solid;
    border-width: 0;
    -webkit-border-image: url("../img/edgecube.svg") 0 10 24 5 round repeat;
    -o-border-image: url("../img/edgecube.svg") 0 10 24 5 round repeat;
    border-image: url("../img/edgecube.svg") 0 10 24 5 round repeat;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    padding: 0;
    margin-bottom: 0;
    display: none; }
    @media screen and (min-width: 850px) {
      header .left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-width: 0 0 11px;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }
    @media screen and (min-width: 1080px) {
      header .left {
	  margin-bottom: -0.7vw;} }
    @media screen and (min-width: 1200px) {
      header .left {
        -webkit-flex-basis: 90%;
            -ms-flex-preferred-size: 90%;
                flex-basis: 90%;
        background-image: url("../img/w.svg"); } }
    @media screen and (min-width: 1500px) {
      header .left {
        -webkit-flex-basis: 90%;
            -ms-flex-preferred-size: 90%;
                flex-basis: 90%;
        margin-bottom: -0.55vw;
        background-position: 99.5% bottom; } }
    @media screen and (min-width: 1700px) {
      header .left {
        margin-bottom: -0.25vw; } }
  header .right {
    background-color: #252d31;
    display: block;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    padding: 1vw 0 0; }
    @media screen and (min-width: 850px) {
      header .right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
            -ms-flex-order: 0;
                order: 0;
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%; } }
    @media screen and (min-width: 1200px) {
      header .right {
		  
        -webkit-flex-basis: 300px;
            -ms-flex-preferred-size: 300px;
                flex-basis: 300px; }
        header .right a {
          width: 100%; } }
    @media screen and (min-width: 1500px) {
      header .right {
        -webkit-flex-basis: 500px;
            -ms-flex-preferred-size: 500px;
                flex-basis: 500px; } }

.itwyw-leader-wrapper {
  margin: 2vh 0 0;
  width:728px;
  height:90px;
  display: none;
  height: 90px; }
  @media screen and (min-width: 850px) {
    .itwyw-leader-wrapper {
      display: block; } }

main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden; }
  main aside {
    position: relative;
    z-index: 2;
    display: none;
    border-style: solid;
    border-width: 15px 10px 25px 11px;
    -webkit-border-image: url("../img/darkcube.svg") 50 16 132 17 stretch round;
    -o-border-image: url("../img/darkcube.svg") 50 16 132 17 stretch round;
    border-image: url("../img/darkcube.svg") 50 16 132 17 fill stretch round; }
    @media screen and (min-width: 850px) {
      main aside {
        display: block;
        -webkit-flex-basis: 22%;
            -ms-flex-preferred-size: 22%;
                flex-basis: 22%;
        margin: 0 2%; } }
    @media screen and (min-width: 1200px) {
      main aside {
        margin: 0 6% 0 2%;
        -webkit-flex-basis: 22%;
            -ms-flex-preferred-size: 22%;
                flex-basis: 22%; } }
    main aside img {
      width: 100%; }
    main aside .bee {
      width: 75%; }
      @media screen and (min-width: 1200px) {
        main aside .bee {
          width: 50%; } }
    @media screen and (min-width: 1200px) {
      main aside .social {
        padding: 0 1vw;
        width: 100%; } }
    @media screen and (min-width: 1330px) {
      main aside .social {
        padding: 0 2vw; } }
    main aside .social a {
      display: block; }
    main aside .social ul {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      color: #d53c42;
      text-transform: uppercase;
      margin: .45vw 0;
      font-family: "SuperRad-Regular", Arial, Helvetica Neue, Helvetica, sans-serif;
      background-color: #fefefe;
      border-radius: 5px;
      padding: 0.25vw 0.5vw;
      font-size: .9rem; }
    main aside .social .bar {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      @media screen and (min-width: 1200px) {
        main aside .social .bar {
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap; } }
      main aside .social .bar a {
        background-image: url("../img/icons.svg");
        background-repeat: no-repeat;
        background-size: 2050% auto;
        height: 3.5vw;
        width: 3.25vw; }
        @media screen and (min-width: 1200px) {
          main aside .social .bar a {
            background-size: 2000% auto;
            height: 2.5vw;
            width: 2.5vw; } }
      main aside .social .bar .name {
        margin-right: auto;
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
        text-align: center; }
        @media screen and (min-width: 1200px) {
          main aside .social .bar .name {
            font-size: 0.64rem;
            text-align: left; } }
        @media screen and (min-width: 1330px) {
          main aside .social .bar .name {
            font-size: .9rem;
            padding-right: 0; } }
    main aside .social .tumblr {
      background-position: 63.25% 3%; }
      main aside .social .tumblr:hover {
        background-position: 63.25% 91.35%; }
      @media screen and (min-width: 1200px) {
        main aside .social .tumblr {
          background-position: 63.25% 3%; }
          main aside .social .tumblr:hover {
            background-position: 63.25% 88%; } }
    main aside .social .twitter {
      background-position: 55.6% 3%; }
      main aside .social .twitter:hover {
        background-position: 55.6% 91.35%; }
      @media screen and (min-width: 1200px) {
        main aside .social .twitter {
          background-position: 55.6% 3%; }
          main aside .social .twitter:hover {
            background-position: 55.6% 88%; } }
    main aside .social .instagram {
      background-position: 47.75% 3%; }
      main aside .social .instagram:hover {
        background-position: 47.75% 91.35%; }
      @media screen and (min-width: 1200px) {
        main aside .social .instagram {
          background-position: 47.75% 3%; }
          main aside .social .instagram:hover {
            background-position: 47.75% 88%; } }
    main aside .wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #252d31;
      margin: 0 auto;
      width: 160px; }
      @media screen and (min-width: 1200px) {
        main aside .wrapper {
          width: 100%; } }

.itwyw-skyscraper {
  max-width: 160px; margin-top:20px;}

.main-content {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  color: #fefefe;
  margin: 0;
  position: relative;
  z-index: 7; }
  @media screen and (min-width: 850px) {
    .main-content {
      margin: 0 2%;
      -webkit-flex-basis: 70%;
          -ms-flex-preferred-size: 70%;
              flex-basis: 70%; } }
  @media screen and (min-width: 1200px) {
    .main-content {
      -webkit-flex-basis: 54%;
          -ms-flex-preferred-size: 54%;
              flex-basis: 54%;
      margin: 0 5% 0 10%; } }
  .main-content .nav {
	  margin-top:10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (min-width: 1200px) {
      .main-content .nav {
        margin-top: 2vw; } }
    .main-content .nav a, .main-content .nav div {
      background-size: 1600% auto;
      background-repeat: no-repeat;
      height: 11.35vw;
      background-image: url("../img/icons.svg");
      width: 13vw;
      display: block;
      margin: 0 2%; }
      @media screen and (min-width: 850px) {
        .main-content .nav a, .main-content .nav div {
          height: 8.35vw; } }
      @media screen and (min-width: 1200px) {
        .main-content .nav a, .main-content .nav div {
          width: 8vw;
          height: 6.6vw; } }
    .main-content .nav .first {
      background-position: 71.9% 0; }
      .main-content .nav .first:hover {
        background-position: 71.9% 91%; }
    .main-content .nav .prev {
      background-position: 78.9% 0; }
      .main-content .nav .prev:hover {
        background-position: 78.9% 91%; }
    .main-content .nav .navaux {
      background-position: 85.9% 0;
      margin: 0 5%; }
      .main-content .nav .navaux:hover {
        background-position: 85.9% 91%; }
    .main-content .nav .next {
      background-position: 92.9% 0; }
      .main-content .nav .next:hover {
        background-position: 92.9% 91%; }
    .main-content .nav .last {
      background-position: 99.9% 0; }
      .main-content .nav .last:hover {
        background-position: 99.9% 91%; }
		#whitetop{
			
  border-style: solid;
  border-width: 0px 0px 0px;
  -webkit-border-image: url("../img/edgecube.svg") 9 10 0 round repeat;
  -o-border-image: url("../img/edgecube.svg") 9 10 0 round repeat;
  border-image: url("../img/edgecube.svg") 9 10 0 round repeat;
  width:100%;
		}
  .main-content .white {
	  position:relative;
    background-color: #fefefe;
    margin: 0 auto;
    padding: 2vh 2vw 0; }
    @media screen and (min-width: 850px) {
      .main-content .white {
        padding: 2vh 2vw 11vw; }
#whitetop{
	border-width:15px 0px 0px; 
}		}
    @media screen and (min-width: 1200px) {
      .main-content .white {
        padding: 2vh 2vw 7vw; } }

#comic-image {
  text-align: center; }
  #comic-image h2 {
    margin: 5vh 0 0vh; }
  #comic-image img {
    max-width: 100%;
    border: 2px solid #d53c42; }
    @media screen and (min-width: 1200px) {
      #comic-image img {
        max-width: 1250px; } }

footer {
  border-style: solid;
  border-width: 20px 0px 0px;
  -webkit-border-image: url("../img/edgecube.svg") 10 5 0 65 round repeat;
  -o-border-image: url("../img/edgecube.svg") 10 5 0 65 round repeat;
  border-image: url("../img/edgecube.svg") 10 5 0 65 round repeat;
  position: relative;
  z-index: 4;
  margin-top: -6vh; }
  footer h2 {
    font-size: 1.563rem;
    margin-bottom: 0; }
  footer h3 {
    font-size: 0.8rem;
    margin-top: 1vh;
    font-weight: bold;
    color: #AEB1B3;
    text-transform: uppercase; }
  footer .left {
	  width:100%;
    padding: 0 1vw;
    background-color: #fefefe; }
    @media screen and (min-width: 850px) {
      footer .left {
        margin: 0 2.5%;
        -webkit-flex-basis: calc(95% - 300px);
            -ms-flex-preferred-size: calc(95% - 300px);
                flex-basis: calc(95% - 300px);
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
            -ms-flex-order: 0;
                order: 0; } }
  footer .right {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 850px) {
      footer .right {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
            -ms-flex-order: 0;
                order: 0;
        -webkit-flex-basis: 300px;
            -ms-flex-preferred-size: 300px;
                flex-basis: 300px; } }
  footer .white {
    background-color: #fefefe;
    padding: 9vh 1vw 10vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (min-width: 850px) {
      footer .white {
        padding: 9vh 10vw 10vh; } }
  footer .bottom {
    padding: 3vh 0vh 1vh;
    text-align: center;
    background-color: #252d31; }
    footer .bottom .crown {
      -webkit-transition: fill 0.35s linear;
              transition: fill 0.35s linear; }
    footer .bottom svg {
      -webkit-transition: -webkit-transform 0.35s linear;
              transition: transform 0.35s linear; }
      footer .bottom svg:hover {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
        footer .bottom svg:hover .crown {
          fill: #7dc3bf; }

#ibar {
  background-color: #252d31;
  border-radius: 5px;
  margin: 1vw 0 0; }
  #ibar #pixiestrip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #ibar #pixiestrip #jumptocomicimg {
      margin: 3px -1px !important; }
    #ibar #pixiestrip #pixiestripbutton {
      width: 68vw;
      background-color: #d53c42; }
      @media screen and (min-width: 450px) {
        #ibar #pixiestrip #pixiestripbutton {
          width: 79vw; } }
      @media screen and (min-width: 850px) {
        #ibar #pixiestrip #pixiestripbutton {
          width: 24vw; } }
      @media screen and (min-width: 900px) {
        #ibar #pixiestrip #pixiestripbutton {
          width: 18.5vw; } }
      @media screen and (min-width: 1200px) {
        #ibar #pixiestrip #pixiestripbutton {
          width: 16vw; } }
    #ibar #pixiestrip #jumptocomicnext {
      background-color: #252d31; }

.about .main-content {
  padding: 0 3vw; }

.blog header .bottom, .archive header .bottom {
  margin-bottom: 13vw; }
  @media screen and (min-width: 850px) {
    .blog header .bottom, .archive header .bottom {
      margin-bottom: 4vw; } }

/*# sourceMappingURL=style.css.map */