body{
    color:white;
    font-family:"Almendra";
    padding:0;
    margin:0;
    background-image:url(images/bg_buildings.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 60%;
    background-position-x: center;
    background-attachment: fixed;
    background-blend-mode: multiply;
    background-color: #202020;
}
.header{
    color:black;
    background-color: white;
    font-family: "SaintMartyr";
    font-size: 2.25vw;
    display:flex;
}

.header a{
    padding:0.5% 3%;
}
.header a:visited, .header a:link{
    color:black;
    text-decoration: none;
}
.header a:hover{
    background-color: black;
    color:white;
}

.header ul{
    background-color: white;
    width:80%;
    padding:0;
    margin:0 10%;
}
.header li {
    display:inline;
    width: 16%;
    float:left;
    margin:0.5% 2%;
    text-align: center;
}
.flex{
    display:flex;
}

/* home page */
.logo img{
    width:80vw;
    position:fixed;
    right:10vw;
}

/* album page */
.album {
    max-width:88vw;
    max-height:78vh;
    margin:5vh 5vw;
    padding:1vw;
    background-color:#101010;
}
.album img{
    height:fit-content;
    max-height: 70vh;
    width:auto;
}
.album_text{
    margin:2vh 3vw;
    display:flex;
    flex-direction: column;
    height:65vh;
}
.album_title{
    font-size:2em;
}
.album_body{
    font-size:2em;
    flex-grow:1;
}
.album_body p{
    flex-grow:1;
}

/* store */
.store{
    max-width:88vw;
    max-height:80vh;
    margin:5vh 5vw;
    padding:1vw;
    background-color:#101010;
}
.store_item{
    min-width:80vw;
    min-height:60vh;
}
.store_item_image{
    height:57.5vh;
    width:57.5vh;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color:white;
}
.store_item_image img{
    max-width:57.5vh;
    max-height:57.5vh;
}
.store_item_text{
    margin:0 3vw 2vh 3vw;
    font-size:1.75em;
    flex-grow:1;
    display:flex;
    flex-direction: column;
}
.store_item_text h1{
    flex-grow:0;
    margin:0 0 1vh 0;
}
.store_item_text h2{
    flex-grow:0;
    margin:0 0 1vh 0;
}

.store_item_text p{
    flex-grow:1;
    margin:0;
}

.store_button_holder{
    float:right;
    text-align: right;
}

.store_button{
    font-family: "SaintMartyr";
    font-size: 1.25em;
    background-color: white;
    color:black;
    /* border-radius:1vh; */
    border:4px solid white;
    margin-left:auto;
}
.store_button:hover{
    background-color: white;
    color:black;
    border:4px double black;
}
.store_button:active{
    background-color: black;
    color:white;
    border:4px solid black;
}

.store_thumbnail_storage{
    display:flex;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
}
.store_thumbnail{
    display:flex;
    align-items: center;
    max-height:15vh;
    width:10%;
    margin:1% auto;
    background-color:white;
	color: inherit;
	border: none;
	padding: 0.5vw;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
.store_thumbnail img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin:auto;
    size:cover;
}

@font-face {
    font-family: "SaintMartyr";
    src: url("SaintMartyrExpanded.otf");
}

.almendra-regular {
    font-family: "Almendra", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  @media screen and (max-width: 1024px) {
    body{
        background-position-y: top;
    }
    .header{
        font-size:3.0vw;
        color:black;
    }
  }