/* Minification failed. Returning unminified contents.
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(48,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(111,33): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(122,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(151,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
 */
/*
    #F01F4B
    #267FFF
    #4622E2
    #3922e2
    #02044A
    #0B0F19
    #120C2E
    #070510
*/

/* CSS Variables */
:root {
    /* Body text / Background */
    --clr-base: #444444;

    /* Primary brand color */
    --clr-primary: #BA131A;
    --clr-primary-rgb: 186,19,26;

    /* Neutral */
    --clr-ntrl-min-rgb: 255,255,255;
    --clr-ntrl-min: #FFFFFF;

    --clr-ntrl-max-rgb: 0,0,0;
    --clr-ntrl-max: #000000;

}
/* Body Attributes */
html, body {
    line-height: 1.4;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    color: var(--clr-base);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#siteContainer {
    flex-grow: 1;
}

/* Links */
a:link,
a:visited,
a:active {
    color: var(--clr-primary);
    text-decoration: none;
    font-weight: 600;
}

a:hover {
    text-decoration: underline;
}

/* Section */
section {
    padding: 40px 0;
    position: relative;
}

@media(min-width: 992px) {
    section {
        padding: 65px 0;
    }
}

/* Paragraph Tags */
p:last-child {
    margin-bottom: 0;
}

/* HR */
hr {
    margin: 2rem 0;
    border-style: dashed;
}

/* Main Section */
.main {
    position: relative;
    background-image: url('/Content/images/circles-bg.png');
    background-size: auto;
    background-position: right 0px;
    background-repeat: no-repeat;
}

@media(min-width: 576px) {
    .main {
        background-position: right 40px;
    }
}

@media(min-width: 992px) {
    .main {
        padding: 100px;
    }
}

.main::after {
    content: '';
    position: absolute;
    bottom: -14px;
    transform: translateX(-50%);
    left: 50%;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 15px solid var(--clr-primary);
}
h1, .h1 {
    font-size: 1.389rem;
    font-weight: 600;
    margin-bottom: 20px;
}

h2, .h2 {
    font-family: 'Quicksand', sans-serif;
    font-size: 1.389rem;
    color: var(--clr-primary);
    margin-bottom: 5px;
}


@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 1.667rem;
    }

    .h2, h2 {
        font-size: 1.667rem;
    }

}

.header-logo {
    width: 500px;
    margin-bottom: 45px;
}

.logo-footer-ct  {
    overflow: clip;
}

.logo-footer-ct .logo {
    margin-bottom: -3.5%;
}
.primary-bg {
    background-color: var(--clr-primary);
    color: #FFFFFF;
}