body,html
{width:100%;height:100%}

body
{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}

hr
{max-width:50px; border-width:3px; border-color:#FFCC00}

hr.light
{border-color:#fff}

a
{color:#FFCC00; -webkit-transition:all .2s; transition:all .2s}

a:hover
{color:#808080}

h1,h2,h3,h4,h5,h6
{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}

.bg-primary
{background-color:#003366!important}

.bg-dark
{background-color:#FFCC00!important}

.text-faded
{color:rgba(255,255,255,.7)}

section
{padding:6rem 2rem}

.section-heading
{margin-top:0}

::-moz-selection
{color:#fff; background:#212529; text-shadow:none}

::selection
{color:#fff; background:#FFCC00; text-shadow:none}

img::-moz-selection
{color:#fff;background:0 0}

img::selection
{color:#fff;background:0 0}

img::-moz-selection
{color:#fff;background:0 0}

#mainNav
{border-bottom:1px solid rgba(33,37,41,.1); background-color:#fff; font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s; transition:all .2s}

#mainNav .navbar-brand
{font-weight:700; text-transform:uppercase; color:#FFCC00; font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover
{color:#212529}

#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus
{font-size:.9rem; font-weight:700; text-transform:uppercase;color:#212529}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover
{color:#FFCC00}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active
{color:#FFCC00!important; background-color:transparent}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover
{background-color:transparent}

@media (min-width:992px)
{#mainNav{border-color:transparent; background-color:transparent}

#mainNav .navbar-brand
{color:rgba(255,255,255,.7)}

#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover
{color:#fff}

#mainNav .navbar-nav>li.nav-item>a.nav-link
{padding:.5rem 1rem}

#mainNav .navbar-nav>li.nav-item>a.nav-link,
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus
{color:rgba(255,255,255,.7)}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav .navbar-nav>li.nav-item>a.nav-link:hover
{color:#fff}

#mainNav.navbar-shrink
{border-bottom:1px solid rgba(33,37,41,.1); background-color:#fff}

#mainNav.navbar-shrink .navbar-brand
{color:#FFCC00}

#mainNav.navbar-shrink .navbar-brand:focus,
#mainNav.navbar-shrink .navbar-brand:hover
{color:#212529}

#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus
{color:#212529}

#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover
{color:#FFCC00}
}

header.masthead
{padding-top:10rem; padding-bottom:calc(10rem - 56px); background-image:url(../img/header.jpg); background-position:center center;background-size:cover}

header.masthead hr
{margin-top:30px; margin-bottom:30px}

header.masthead h1
{font-size:2rem}

header.masthead p
{font-weight:300}



.text-primary
{color:#FFCC00!important}

.btn{font-weight:700; text-transform:uppercase; border:none; border-radius:300px; font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}

.btn-xl
{padding:1rem 2rem}

.btn-primary
{background-color:#f05f40; border-color:#f05f40}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover
{color:#fff; background-color:#ee4b28!important}

.btn-primary:active,
.btn-primary:focus
{-webkit-box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important;box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}