/**
* 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: 340px;
    display: block;
    margin: 10px auto;
}

.about-img {
    width: 98%;
    max-width: 800px;
    display: block;
    margin: 0 auto;
}

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

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

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

.vote-label {
    align-items: center;
    height: 42px;
    line-height: 1;
    margin-bottom: .5rem;
}

.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-azm {
    background-color: #FF9900;
    border: 1px solid #333E48;
    color: #ffffff;
}

.btn-azm:hover {
    background-color: #FF9900;
    border: 1px solid #333E48;
    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;

}

/**
* Footer
**/
.footer-wrapper {
    width: 100%;
    background-image: linear-gradient(45deg, #B2916C, #D9C7A2);
}

.footer-wrapper a {
    color: #212121;
    text-decoration: none;
}

.footer-wrapper a:hover {
    filter: brightness(120%);
}

/**
* Mobile adjustments
**/
.image-hide {
    display: block;
}

.image-show {
    display: none;
}

.mobile-show {
    display: none;
}

@media only screen and (max-width: 768px) {
    .hero_main h1 {
        display: none;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .image-hide {
        display: none;
    }

    .image-show {
        display: block;
    }

    .mobile-text-center {
        text-align: center;
    }

    .mobile-icon {
        max-width: 70%;
        display: block;
        margin: 0 auto;
    }

    .mobile-guide-text {
        text-align: center;
        font-family: 'Open Sans Bold';
    }
}