@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'BrittanySignature';
    src: url('../fonts/brittanysignature.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --cream: #f2e9e2;
    --green: #6f7050;
    --cocoa: #603a23;
    --sage: #a4ae98;
    --gold: #d8c09c;
    --text: #3b3b3b;

    --font-signature: 'BrittanySignature', cursive;

    --section-padding-mobile: 0 8%;
    --section-padding-desktop: 0 10%;

    --max-width: 1180px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    background: var(--cream);
    color: var(--text);
    line-height: 1.8;
}

body.menu-open {
    overflow: hidden;
}

h1,
h2,
h3 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}

img {
    max-width: 100%;
    display: block;
}

section {
    padding: var(--section-padding-mobile);
}

.button {
    display: inline-block;
    margin-top: 30px;
    padding: 14px 28px;
    background: var(--sage);
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.button:hover {
    filter: brightness(0.95);
}

.xs-hidden{
    display: none;
}

@media (min-width: 901px) {
    .xs-hidden{
        display: block;
    }
    section {
        padding: var(--section-padding-desktop);
    }

    .full-width {
        padding-left:0;
        padding-right:0;
    }
}