@charset"UTF-8";

/* CSS Document */
* {
    margin:0px;
    padding:0px;
    max-width:100%;

    font-family: 'Open Sans', sans-serif;
}
body, html {
    height: 100%;
    overflow: auto;
    background-color: #d0d9c8;
}
a {
    text-decoration:none;
    color:#333;
}

a:hover {
    text-decoration:underline;
}
h1 {
    font-family:'Julius Sans One', sans-serif;
    line-height:15vw;
    font-size:15vw;
    text-align:center;
    letter-spacing:1.5vw;
    color: #d0d9c8;
    -webkit-text-fill-color: #d0d9c8;
    /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
.wrapper {
    text-align: center;
}
#menu_bar {
    display: inline-block;
    overflow: hidden;
}
#menu_bar div {
    float: left;
    margin-right: 1em;
    display: block;
}
.art a {
    display: block;
}
.menu_item a {
    font-family:'Julius Sans One', sans-serif;
    color:#333;
    text-decoration:none;
    text-align: center;
}
.menu_item a:hover {
    text-decoration: underline;
}
::selection {
    background: #333;
    /* WebKit/Blink Browsers */
}
::-moz-selection {
    background: #333;
    /* Gecko Browsers */
}
#content {
    font-family:'Noto Sans', sans-serif;
    margin: 0 auto;
    width:80%;
}
#photo_title {
    position:relative;
    top: -25px;
}
.photography {
    position:relative;
}
.date {
    float:right;
    width:25%;
}
.title {
	font-family: 'Open Sans', sans-serif;
    text-align:left;
	font-size:16px;
}
.title a{
	
	color:#000;
}
.info span{
	text-align:left;
	font-size:15px;
	color:#6F7397;
}
#copyright {
    position : relative;
    bottom : 0;
    clear: both;
    font-family:'Julius Sans One', sans-serif;
    margin: 0 auto;
    text-align:center;
    font-size:10px;
}
#copyright a {
    text-decoration:none;
    color:#bc2122;
}
.post {
    width:800px;
}
@media only screen and (max-device-width: 500px) {
    *{
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
        /*adding this line will enable inertial scrolling*/
    }
	h1{
		overflow-y:hidden;
	}
}