@font-face {
    font-family: EncodeSans;
    src: url('fonts/EncodeSans.ttf');
}
@font-face {
    font-family: EncodeSansBold;
    src: url('fonts/EncodeSans-Bold.ttf');
}

*{
    font-family: EncodeSans;
}

body{
    background-color: #C6C6C6 !important;
}
.wrapper{
    background-color: white;
}
.websiteBanner{
    font-family: EncodeSansBold !important;
    border: 4px solid #EF0017;
    color: #EC0016;
    font-weight: 900;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 4px;
    letter-spacing: 0px;
    font-size: 25px;
    line-height: 26px;
    margin-right: 5px;
    float: left;
}
.websiteSlogan{
    float: left;
    padding-top: 3px;
    color: black;
    font-weight: bold;
    margin-left: 5px;
}
.linkNavbar{
    background-color: #EF0017 !important;
}
.db-navbar-link{
    color: white !important;
}
.footer{
    background-color: #EF0017 !important;
    padding: 10px;
    text-align: center;
    color: white;
}
.footer a{
    color: white;
    font-size: 13px;
}
#siteHeaderVideoWrapper{
    width: 100%;
    height: 30%;
    overflow: hidden;
    padding-top: -20%;
}
#siteHeaderVideo{
    width: 100%;
    height: auto;
    margin-top: -20%;
}
.gallery_item{
    cursor: pointer;
}
.gallery_item:hover{
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
}

@media only screen and (max-width: 780px) {
    #siteHeaderVideo{
        margin-top: -5%;
    }
}
@media only screen and (max-width: 520px) {
    #siteHeaderVideo{
        margin-top: 0%;
    }
    #siteHeaderVideoWrapper{
        height: auto;
    }
}