@import url('https://fonts.googleapis.com/css?family=Special+Elite|Source+Serif+Pro&display=swap');

html, body {
    height:100%;
}

body {
    font-family: 'Source Serif Pro', serif;
    background-color:#19232d;
    color:#f0f0f0;
}

a {
    text-decoration: none
}

h1,h2,h3,h4,h5,h6, .brand {
    font-family: 'Special Elite', cursive;
    font-weight:300;
}
h1 {
    font-size:48px;
}
h2 {
    font-size:36px;
}
h3 {
    font-size:32px;
}
h4 {
    font-size:24px;
}
h5 {
    font-size:18px;
}
h6 {
    font-size:16px;
}
main {
/*    display:flex;
    flex-direction: column;
    height:100%;*/
}
p {
    line-height:1.4rem;
}
#mainnav {
    position:relative;
}
#mainnav::before {
    content: '';
    background-color:rgba(0,0,0,0.6);
    box-shadow:inset -5px 0 10px rgba(0,0,0,0.5);
    height:100%;
    position:absolute;
    display:block;
    width:100%;
    z-index:-1;
}
.pure-menu-heading {
    text-transform:none;
    color:#fff;
    padding-top:1em;
}
.d-flex {
    display:flex;
}
.flex-1 {
    flex:1;
}
.p-1 {
    padding:1em;
}
.p-2 {
    padding:2em;
}
.bg-black {
    background:#000;
    color:#1d1d1d;
}
/**gallery styles **/
.gallery-row {
    display:flex;
    margin-top:10px;
}
.gallery-item {
    position:relative;
    opacity:0.7;
    transition:opacity 0.3s;
}
.gallery-item:hover {
    opacity:1;
}
.gallery-item .price {
    position:absolute;
}
.price {
    display:inline-block;
    padding:5px;
    color:#fff;
}
.green {
    background-color:green;
}
.red {
    background-color:rgb(128,25,8);
}
h1 .price {
    font-size:0.6em;
}
.gallery-item:not(:first-child) {
    margin-left:10px;
}
.gallery-item img {
    width:100%;
    height:auto;
}
footer {

}
.full-width {
    width:100%;
}
.subnav {
    background-color:rgba(255,255,255,0.2);
}
.pure-button,
.pure-menu-link{
    background-color:rgba(64,112,185,0.8);
    color:#fff;
}
.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color:rgba(64,112,185,1);
}