/* latin-ext */
    @font-face {
        font-family: 'Mr Bedfort';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/mrbedfort/v23/MQpR-WCtNZSWAdTMwBicpiO-XKe_.woff2) format('woff2');
        unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
        font-family: 'Mr Bedfort';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/mrbedfort/v23/MQpR-WCtNZSWAdTMwBicpi2-XA.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* class */
    .mr-bedfort-regular {
        font-family: "Mr Bedfort", cursive;
        font-weight: 400;
        font-style: normal;
    }



    /* latin-ext */
    @font-face {
        font-family: 'DM Serif Text';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/dmseriftext/v13/rnCu-xZa_krGokauCeNq1wWyWfqFXUIJ.woff2) format('woff2');
        unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
        font-family: 'DM Serif Text';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(https://fonts.gstatic.com/s/dmseriftext/v13/rnCu-xZa_krGokauCeNq1wWyWfSFXQ.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* class */
    .dm-serif-text-regular {
        font-family: "DM Serif Text", serif;
        font-weight: 400;
        font-style: normal;
    }



    .ml-1 { margin-left: 0.25rem; }
    .ml-2 { margin-left: 0.5rem; }
    .ml-3 { margin-left: 0.75rem; }
    .ml-4 { margin-left: 1rem; }
    .ml-5 { margin-left: 1.25rem; }
    .ml-6 { margin-left: 1.5rem; }

    .mr-1 { margin-right: 0.25rem; }
    .mr-2 { margin-right: 0.5rem; }
    .mr-3 { margin-right: 0.75rem; }
    .mr-4 { margin-right: 1rem; }
    .mr-5 { margin-right: 1.25rem; }
    .mr-6 { margin-right: 1.5rem; }

    .my-50 { margin-top: 50px; margin-bottom: 50px; }
    .my-100 { margin-top: 100px; margin-bottom: 100px; }
    .my-150 { margin-top: 150px; margin-bottom: 150px; }
    .my-200 { margin-top: 200px; margin-bottom: 200px; }
    .my-250 { margin-top: 250px; margin-bottom: 250px; }
    .my-300 { margin-top: 300px; margin-bottom: 300px; }

    .mt-50 { margin-top: 50px; }
    .mt-100 { margin-top: 100px; }
    .mt-150 { margin-top: 150px; }
    .mt-200 { margin-top: 200px; }
    .mt-250 { margin-top: 250px; }
    .mt-300 { margin-top: 300px; }

    .mb-50 { margin-bottom: 50px; }
    .mb-100 { margin-bottom: 100px; }
    .mb-150 { margin-bottom: 150px; }
    .mb-200 { margin-bottom: 200px; }
    .mb-250 { margin-bottom: 250px; }
    .mb-300 { margin-bottom: 300px; }

    .py-50 { padding-top: 50px; padding-bottom: 50px; }
    .py-100 { padding-top: 100px; padding-bottom: 100px; }
    .py-150 { padding-top: 150px; padding-bottom: 150px; }
    .py-200 { padding-top: 200px; padding-bottom: 200px; }
    .py-250 { padding-top: 250px; padding-bottom: 250px; }
    .py-300 { padding-top: 300px; padding-bottom: 300px; }

    .px-50 { padding-left: 50px; padding-right: 50px; }
    .px-100 { padding-left: 100px; padding-right: 100px; }
    .px-150 { padding-left: 150px; padding-right: 150px; }
    .px-200 { padding-left: 200px; padding-right: 200px; }
    .px-250 { padding-left: 250px; padding-right: 250px; }
    .px-300 { padding-left: 300px; padding-right: 300px; }

    .p-50 { padding: 50px; }
    .p-100 { padding: 100px; }
    .p-150 { padding: 150px; }
    .p-200 { padding: 200px; }
    .p-250 { padding: 250px; }
    .p-300 { padding: 300px; }



    body {
        background-color: #f5f3ef;
        color: #4a3f35;
    }

    header .nav-link {
        color: #4a3f35; }
    header .site-title {
        font-size: 27px;
    }

    .site-title {
        top: 4px;
        position: relative;
        font-family: "Mr Bedfort", cursive;
        font-weight: 400;
        font-style: normal;
        color: #4a3f35; }
    .site-title:hover {
        color: #4a3f35;
    }

    .hero {
        font-family: "DM Serif Text", serif;
        color: #4a3f35; }
    .hero-title {
        font-weight: lighter;
        font-size: 3.8rem;
        line-height: 3.8rem; }
    .hero-subtitle {
        font-weight: lighter;
        font-size: 2.0rem;
        line-height: 2.3rem; }
    .btn-hero {
        padding: 1rem 2rem;
        font-size: 1.2rem;
        background-color: #473022;
        color: #fff; }
    .btn-hero:hover {
        background-color: #4a3f35;
        color: #fff;
    }

    .servicos {
        border: solid 1px #b9b7b0;
        padding: 50px 0;
        background-color: #dcd3c4; }
    .servicos .card {
        background-color: #f5f0e6;
    }

    .faq {
        background-color: #fff;
        border: solid 1px #d6d6d6;
    }

    .nav-link.entrenos,
    .nav-link.entrenos:hover {
        margin-left: 5px;
        background-color: #800020;
        color: #fff;
    }


    .bg-app { background-color: #f5f3ef; }
    .bg-huntergreen { background-color: #355E3B; }
    .bg-classicnavy { background-color: #001F3F; }
    .bg-portwine { background-color: #5f2d2d; }
    .bg-oxblood { background-color: #800020; }
    .bg-tabaco { background-color: #473022; }



    .bio-title {
        font-family: "Mr Bedfort", cursive;
        font-size: 3rem;
        padding-left: 12px;
    }
    .bio-subtitle {
        letter-spacing: 2px;
        font-size: 1rem;
        text-transform: uppercase;
        padding-left: 35px;
        position: relative;
        top: -15px;
    }





    /* X-Small devices (portrait phones, less than 576px) */
    /* No media query for `xs` since this is the default in Bootstrap */


    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) { }

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) { }

    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) { }

    /* X-Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) { }

    /* XX-Large devices (larger desktops, 1400px and up) */
    @media (min-width: 1400px) { }


    /* Small devices (landscape phones, 576px and up) */
    @media (max-width: 576px) { }

    /* Medium devices (tablets, 768px and up) */
    @media (max-width: 768px) {
        .hero-title {
            font-size: 3.3rem;
            line-height: 3.3rem;
        }
    }

    /* Large devices (desktops, 992px and up) */
    @media (max-width: 992px) { }

    /* X-Large devices (large desktops, 1200px and up) */
    @media (max-width: 1200px) { }

    /* XX-Large devices (larger desktops, 1400px and up) */
    @media (max-width: 1400px) { }