.header{
    background: linear-gradient(#00000099 50%, #28282840),
        url(/assets/images/header/header.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    z-index: 1000;
}

.logo img{
    width: 5rem;
}

.topbar{
    padding: 1rem 0;
    text-transform: uppercase;
    text-align: center;
}

.topbar a:hover{
    color: #C89446;
}

.menu-item{
    display: inline-block;
    padding: 0 1.5rem;
}

.menu-button{
    border: solid 1px #C89446;
    
}

.current-page{
    color: #C89446;
    font-weight: 700;
}

.baseline{
    padding: 5rem 0;
    text-align: center;
    line-height: 1;
}

.baseline-welcome{
    font-family: 'Pinyon Script', serif;
    color: #C89446;
    font-size: 2.25rem;
    display: block;
    
}

.baseline-name{
    font-size: 2.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.1rem;
    line-height: 2;
}

.baseline-slogan{
    font-size: 1.5rem;
    display: block;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 0.75rem;
}

@media (min-width: 1024px){

    .topbar{
        display: flex;
        justify-content: space-between;
        margin: 0 2rem;
    }

    .menu-button{
        padding: 1rem;
    }

    .baseline-welcome{
        font-size: 3rem;
    }

    .baseline-name{
        font-size: 4rem;
    }

    .baseline-slogan{
        font-size: 2rem;
    }
}