@font-face {
    font-family: 'rice__pixel_fontregular';
    src: url('../fonts/ricepixelfont-regular-webfont.woff2') format('woff2'),
         url('../fonts/ricepixelfont-regular-webfont.woff') format('woff'),
         url('../fonts/ricepixelfont-regular-webfont.ttf') format('ttf');;

    font-weight: normal;
    font-style: normal;

}

body,html{
    width:100%;
    height:100%
}
body{
    font-family:'rice__pixel_fontregular','Helvetica Neue',Arial,sans-serif;
}
hr{
    max-width:50px;
    border-width:3px;
    border-color:#000
}
hr.light{
    border-color:#fff
}
a{
    color:#000;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s
}
a:hover{
    color:#000;
}
p{
    font-family:'rice__pixel_fontregular','Helvetica Neue',Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-family:'rice__pixel_fontregular','Helvetica Neue',Arial,sans-serif;
}
.bg-primary{
    background-color:#000!important
}
.bg-white{
    background-color:#fff!important
}
.bg-green{
    background-color:#6daf68!important
}
.bg-dark{
    background-color:#212529!important
}
.text-faded{
    color:rgba(255,255,255,.7)
}
section{
    padding:8rem 0
}
.section-heading{
    margin-top:0
}

section.cta{
    background-image:url(../img/header.jpg);
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}

section.highscores{
    background-image:url(../img/header.jpg);
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}

::-moz-selection{
    color:#fff;
    background:#212529;
    text-shadow:none
}
::selection{
    color:#fff;
    background:#212529;
    text-shadow:none
}
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:#6fae6b;
    font-family:'rice__pixel_fontregular','Helvetica Neue',Arial,sans-serif;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s

}
#mainNav .navbar-brand{
    font-weight:700;
    text-transform:uppercase;
    color:#000;
    font-family:'rice__pixel_fontregular','Helvetica Neue',Arial,sans-serif;
}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
    color:#000
}
#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{
    font-size:.9rem;

    text-transform:uppercase;
    color:#fff
}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
    color:#000
}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{
    color:#fff!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:transparent;
    }
    #mainNav .navImg{
    	opacity: 0;
    }
    #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{
        color:transparent;
    }
    #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:transparent;
    }
    #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{
        color:transparent;
    }
    #mainNav.navbar-shrink{
        border-bottom:1px solid rgba(33,37,41,.1);
        background-color:#6fae6b;

    }
    #mainNav.navbar-shrink .navImg{
    	opacity: 100;
    }
    #mainNav.navbar-shrink .navbar-brand{
        color:#000
    }
    #mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{
        color:#000
    }
    #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{
        color:#fff
    }
    #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:#000
    }
}
header.masthead{
    padding-top:10rem;
    padding-bottom:calc(10rem - 56px);
    background-image:url(../img/header.jpg);
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover
}
header.masthead img{
    width: 100%;
}
header.masthead hr{
    margin-top:30px;
    margin-bottom:30px
}
header.masthead h1{
    font-size:2rem
}
header.masthead p{
    font-weight:300
}
@media (min-width:768px){
     header.masthead{
        height:100vh;
        min-height:150px;
        padding-top:0;
        padding-bottom:0
    }
    header.masthead p{
        font-size:1.15rem
    }
}
@media (min-width:992px){
    header.masthead{
        height:100vh;
        min-height:650px;
        padding-top:0;
        padding-bottom:0
    }
    header.masthead h1{
        font-size:3rem
    }
}
@media (min-width:1200px){
    header.masthead h1{
        font-size:4rem
    }
}
.service-box{
    max-width:400px
}

.text-primary{
    color:#000!important
}
.btn{
    font-weight:700;
    text-transform:uppercase;
    border:none;
    font-family:'rice__pixel_fontregular','Helvetica Neue',Arial,sans-serif;
}
.btn-xl{
    padding:1rem 2rem
}
.btn-primary{
    background-color:#fff;
    border-color:#000
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    color:#fff;
    background-color:#ee4b28!important
}
.btn-primary:active,.btn-primary:focus{
    box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important
}


.video-section {
    background: #fff;
}

.video-container {
    position: relative;
  }

.video-container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.video-container__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

video {
    width: 100%;
}