:root{
    --navy:#1F2A44;
    --gold:#C4A15A;
    --ivory:#F4EBE7;
    --rose:#C9A3A3;
    --brown:#6B4F4F;
}

body{
    margin:0;
    background:var(--ivory);
    font-family:Montserrat,sans-serif;
    color:var(--navy)
}

.logo,h1,h2{
    font-family:Cinzel,serif
}

.navbar{
    display:flex;
    justify-content:space-between;
    padding:20px 8%;
    background:var(--ivory);
}

.navbar ul{
    display:flex;
    gap:24px;
    list-style:none
}

.navbar a{
    text-decoration:none;
    color:var(--navy)
}

.hero{
    height:70vh;
    background:#F4EBE7;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
}

.hero-inner{
    text-align:center
}

.container{
    padding:80px 10%
}

.logo, h1, h2, h3 {
    font-family: 'Cinzel', serif;
    letter-spacing: 2px;
    color:#1F2A44;
}

.secondaryLogoHeader{
    height: 100px;
}