/**
  * About
  */

html {
  height: 100%;
  box-sizing: border-box;
}

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

body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
  font-family: "Helvetica Neue", Arial, sans-serif;
  opacity: 1;
  transition: 1s opacity;
}

body.fade-out {
    opacity: 0;
    transition: none;
}

.about {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 26px;
    width: 100%;
}

.about h1 {
  margin-top: 0;
}

a {
    color: #000;
    text-decoration: none;
}

/**
 * Footer
 */

.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}

.footer a{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.footer a:hover {
    color: #9C9E9F;
}

 /**
  * Burger
  */

.menu {
  display: none;  
  display: block !important;
}

#ah {
  position: fixed;
  z-index: 105;
  top: 0;
  left: 0;
  -webkit-transform: translate(-100%, 0);
  -webkit-transition: -webkit-transform 200ms ease-in-out;
  -moz-transform: translate(-100%, 0);
  -moz-transition: -moz-transform 200ms ease-in-out;
  -o-transform: translate(-100%, 0);
  -o-transition: -o-transform 200ms ease-in-out;
  -ms-transform: translate(-100%, 0);
  -ms-transition: -ms-transform 200ms ease-in-out;
  transform: translateY(-100%);
  transition: transform 200ms ease-in-out;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #000;
  overflow: auto;
}

#ah ul + ul {
  border-top: 1px solid #fff;
}

#ah h3 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 25px;
}

#ah ul {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   list-style: none;
   padding: 0;
   margin: 0;
}

#ah li {
  font-size: 50px;
  text-align: center;
  line-height: 40px;
  text-transform: lowercase;
  font-weight: bold;
}

#ah li a {
  text-decoration: none;
  border-bottom: 1px solid transparent;
  -webkit-transition: border 200ms;
  -moz-transition: border 200ms;
  -o-transition: border 200ms;
  transition: border 200ms;
  color: #000;
}

#ah li a:hover {
  color: #9C9E9F;
  text-decoration: none;
}

label[for=ahmenu] {
  border: 0;
  position: fixed;
  z-index: 110;
  top: 35px;
  left: 100px;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
}

label[for=ahmenu]:hover {
}

label[for=ahmenu] span {
  display: inline-block;
  width: 16px;
  height: 2px;
  background: #000;
  position: relative;
  top: 15px;
}

label[for=ahmenu] span:before,
label[for=ahmenu] span:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 2px;
  background: #000;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  transition: opacity 200ms;
}

label[for=ahmenu] span:before {
  top: -5px;
  left: 0;
}

label[for=ahmenu] span:after {
  top: 5px;
  left: 0;
}

#ahmenu {
  position: fixed;
  left: -1000%;
  top: 0;
}

#ahmenu:checked ~ #ah {
  -webkit-transform: translate(0%, 0);
  -moz-transform: translate(0%, 0);
  -o-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

#ahmenu:checked ~ label[for=ahmenu] span:before,
#ahmenu:checked ~ label[for=ahmenu] span:after {
  opacity: 0;
}

 /**
  * Title
  */

#title {
    width: 100%;
    font-size: 45px;
    position: fixed;
    text-align: center;
    top: 25px;
    z-index: 3;
    font-weight: bold;
    left: 0;
    right: 0;
}

#title a {
    color: #000;
    text-decoration: none;
}

 /**
  * Mobile
  */

@media only screen and (max-width: 40em) { 

    body {
	  margin:0px;	
      padding:0px;
    }
    
    .iframe { 
        max-width: 100%;
        background: center;
        margin:0px;
    }
    
    .tumblr-iframe {
        max-width: 100%;
    }
    
    .tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
            z-index: 1000000!important;
        }
        
        .img {
            max-width: 100%;
            margin: 0px;
            width: auto;
            height: 100%;
        }
        
        .img-ps {
            width: 100%;
        }
        
        .content {
            max-width: 100%;
            margin: auto;
        }
        
        .post {
            max-width: 100%;
            margin: 0px;
            background: center;
            {block:PaginationPage}
            display: inline-block;
            {/block:PaginationPage}
        }
        
        .post p {
            margin-left: 5px;
            margin-top: 10px;
            max-width: 100%;
        }
        
        blockquote {
            margin: 20px;
            display: inline-block;
        }
        
        .post_information {
            margin: auto;
            width: 100%;
        }
        
        .photoset {
            max-width: 100%;
            height: auto;
            background: center;
            margin-top: 0px;
        }
        
        #ah li a:hover {
        text-decoration: none;
        line-height: 0px;
        color: #9C9E9F;
        }
        
        #ah li {
        text-align: left;
        text-transform: lowercase;
        }
        
        #ah ul {
           margin: 0 auto;
        }
        
        #title {
            top: 20px;
        }
        
        .about {
            margin: 0;
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 50%
            padding-bottom: 50%;
        }
        
        h1{
            text-align: center;
        }
        
        label[for=ahmenu] {
        left: 35px;
        }

}