html,
body {
    width: 100%;
    font-size: 16px;
}

@font-face {
    font-family: 'proxima-regular';
    src: url('assets/ProximaNova-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "proxima-regular";
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

#top-nav>li>a {
    color: white;
}

nav.navbar-brew .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 193, 7, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

nav.navbar-brew .nav-link,
#donate2 {
    color: white;
}

nav.navbar-brew .nav-linkbg,
#donate2 {
    background-color: rgb(255,194,7);
}

nav.navbar-brew .nav-linkbg:hover,
#donate2:hover {
    background-color: #99770d ;
}

nav.navbar-brew .nav-link:hover,
nav.navbar-brew .nav-link:focus,
nav.navbar-brew .nav-link.active,
nav.navbar-brew .dropdown-menu>.dropdown-item:hover,
#top-nav .nav-link:hover,
#foot-links>p>a:hover {
    color: rgb(255,150,50);
}

#foot-links a {
    font-size: 20px;
    padding: 10px;
    margin: 5px;
    color: white;
}

nav.navbar-brew .nav-link.active {
    border: 2px solid rgb(255,169,0);
}

nav.navbar-brew .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 193, 7, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

nav.navbar-brew .nav-link,
#donate2 {
    color: white;
}

nav.navbar-brew .nav-linkbg,
#donate2 {
    background-color: rgb(255,194,7);
}

nav.navbar-brew .nav-linkbg:hover,
#donate2:hover {
    background-color: #99770d ;
}

nav.navbar-brew .nav-link:hover,
nav.navbar-brew .nav-link:focus,
nav.navbar-brew .nav-link.active {
    color: rgb(255,169,0);
}

nav.navbar-brew .nav-link.active {
    border: 2px solid rgb(255,169,0);
}

#head-btn>a {
    border: 2px solid rgb(255,169,0);
    color: white;
}

#head-btn>a:hover {
    color: white;
    background-color: rgb(255,169,0);
    border: 2px solid rgb(255,169,0);
}

#head-title {
    padding-top: 220px;
    font-size: 260%;
}

#head-title-2 {
    padding-top: 240px;
    font-size: 260%;
}

@media (max-width: 767px) {
    #head-title {
        padding-top: 180px;
        font-size: 220%;
    }

    #head-title-2 {
        padding-top: 210px;
        font-size: 220%;
    }
}

@media (max-width: 600px) {
    #head-title {
        padding-top: 190px;
        font-size: 200%;
    }

    #head-title-2 {
        padding-top: 200px;
        font-size: 200%;
    }

    #top-nav>li {
        font-size: 13px;
    }

    #top-nav>li>a {
        padding: 5px;
    }
}

footer {
    color: white;
    border-top: 5px solid rgba(0, 0, 255, 0.65);
}