/* ==========================================================================
   TABLE OF CONTENTS
   --------------------------------------------------------------------------
   1.  Reset
   2.  Base
   3.  Typography
   4.  Layout
   5.  Header
   6.  Navigation
   7.  Main
   8.  Footer
   9.  Components
   10. Utilities
   11. Media Queries
   ========================================================================== */


/* ==========================================================================
   1. RESET
   ========================================================================== */

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


/* ==========================================================================
   2. BASE
   ========================================================================== */

html {
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    overflow-x: hidden;
}

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

a {
    color: inherit;
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}


/* ==========================================================================
   3. TYPOGRAPHY
   ========================================================================== */

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans-v44-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans-v44-latin_latin-ext-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans-v44-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/cinzel-v26-latin_latin-ext-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/cinzel-v26-latin_latin-ext-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/cinzel-v26-latin_latin-ext-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cinzel';
    src: url('../fonts/cinzel-v26-latin_latin-ext-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Open Sans', sans-serif;
}


/* ==========================================================================
   4. LAYOUT
   ========================================================================== */

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.main {
    width: 100%;
}


/* ==========================================================================
   5. HEADER
   ========================================================================== */


/* ==========================================================================
   6. NAVIGATION
   ========================================================================== */


/* ==========================================================================
   7. MAIN
   ========================================================================== */


/* ==========================================================================
   8. FOOTER
   ========================================================================== */


/* ==========================================================================
   9. COMPONENTS
   ========================================================================== */


/* ==========================================================================
   10. UTILITIES
   ========================================================================== */


/* ==========================================================================
   11. MEDIA QUERIES
   ========================================================================== */