/**
* Core
**/
body {
    font-family: 'Open Sans';
}

h1, h2, h3 {
    font-family: 'American Purpose';
}

/**
* Color Classes
**/
.dark {
    color: #0F0F0F;
}

.light {
    color: #F1F1F1;
}

.lion {
    color: #B2916C;
}

.dun {
    color: #D9C7A2;
}

.blue {
    color: #508CA4;
}

.blush {
    color: #DA667B;
}

/**
* Logo Classes
**/
.logo_main {
    width: 98%;
    max-width: 500px;
    display: block;
    margin: 10px auto;
}

/**
* Classes
**/
.hero_main {
    width: 100%;
    /*background-color: #D9C7A2;*/
    background-image: linear-gradient(45deg, #B2916C, #D9C7A2);
}

.hero_main h1 {
    font-size: 3.5em;
}

.body_content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}

.bk-blue {
    width: 100%;
    background-color: #508CA4;
}

.bk-blush {
    width: 100%;
    background-color: #DA667B;
}

.bk-dun {
    width: 100%;
    background-color: #D9C7A2;
}

/**
* Buttons
**/
.btn {
    font-family: 'Open Sans Bold';
}

.btn-yt {
    background-color: #FF0033;
    border: 1px solid #212121;
    color: #ffffff;
}

.btn-yt:hover {
    background-color: #FF0033;
    border: 1px solid #212121;
    color: #ffffff;
    filter: brightness(80%);
}

.btn-blue {
    background-color: #508CA4;
    border: 1px solid #212121;
    color: #ffffff;
}

.btn-blue:hover {
    background-color: #508CA4;
    border: 1px solid #212121;
    color: #ffffff;
    filter: brightness(80%);
}

/**
* Card Classes
**/
.card-border-dark {
    border: 1px solid #0F0F0F;
}

/**
* Font Family
**/
@font-face {
    font-family: 'Open Sans Bold';
    src: url('../font/OpenSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'American Purpose';
    src: url('../font/AmericanPurpose.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**
* Font Classes
**/
.sans {
    font-family: 'Open Sans';
}

.sans-bold {
    font-family: 'Open Sans Bold';
}

.american {
    font-family: 'American Purpose';
}

/**
* Navigation
**/
.navbar {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.navbar-brand {
    font-size: 1.5em;
}

.nav-link {
    font-size: 1.2em;
}

.navbar-brand, .nav-link {
    font-family: 'American Purpose';
    color: #0F0F0F !important;
    
}