divBAK
{
    border: 1px solid #777;
}

/* define color variable values */
:root {
    --shadow-color: #aaa;
    --lightest-color: white;
    --success-color: #F7F0D4;
    --warning-color: #FEFE33;
    --danger-color: #FCCB1A;
    --info-color: #B2D732;
    --primary-color: #2B3409;
    --darkest-color: black;

}

body
{
    background-color: var(--lightest-color);
    color: var(--darkest-color);
    font-family: 'Exo', sans-serif;    
}
.refRow, .refDiv
{
    border: 1px solid #000;
    display: block;
    padding: 0px;
}

.bb-ta-center
{
    text-align: center;
}

.bb-font-lg, .bb-font-md, .bb-font-sm
{
    font-size: 4em;
    font-family: 'Russo One', sans-serif;
}

.bb-font-md
{
    font-size: 2em;
}

.bb-font-sm
{
    font-size: .9em;
}


.bb-text-shadow
{
    -webkit-animation: 7s infinite alternate animate-shadow; /* Chrome, Safari, Opera */
    animation: 7s infinite alternate animate-shadow;
}

.bb-name
{
    border-top: 1px solid var(--darkest-color);
}

.bb-contact-info
{
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid var(--darkest-color);
}


.bb-spaced
{
    letter-spacing: 10px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animate-shadow {
    from {
        text-shadow: 7px 4px 4px var(--shadow-color);
    }
    to {
        text-shadow: -7px 4px 7px var(--shadow-color);
    }
}

/* Standard syntax */
@keyframes animate-shadow {
    from {
        text-shadow: 7px 4px 4px var(--shadow-color);
    }
    to {
        text-shadow: -7px 4px 7px var(--shadow-color);
    }
}


/* bootstrap overrides */
.bg-primaryBAK
{
    background-color: var(--primary-color);
}

.bg-successBAK
{
    background-color: var(--success-color);
}

.bg-infoBAK
{
    background-color: var(--info-color);
}

.bg-warningBAK
{
    background-color: var(--warning-color);
}

.bg-dangerBAK
{
    background-color: var(--danger-color);
}