body {
    padding: 0;
    margin: 0;
}
header {
    height: 100px;
}

main {
    margin: 0;
    padding-top: 0px;
}
nav {
    height: 75px;
    padding: 0;
    margin: 0;
}
footer {
    margin: 2em 0 0 0;
    padding: 0px 0px 25px 0px;
}
.nav-link {
    padding: .2rem 1rem;
}
.navImage {
    height: 40px;
}
.navImageBackground {
    border-radius: 5px;
    padding: 5px;
    background-color: white;
}
.navbar-collapse {
    width:100vw;
}
.navbar-toggler {
    background: #fff;
}

.navbar-nav {
    text-align: center;
}

.navbar-toggler {
    padding: 1px 5px;
    font-size: 18px;
    line-height: 0.3;
}
.footerSection {
    margin-top: 10px;
    text-align: center;
}
.footerSectionInner {
    text-align: center;
}
    .footerSectionInner table {
        text-align: left;
        margin: 0 auto;
    }
.footerSectionInner thead {
    font-weight: bold;
    text-align: center;
}
.footerSectionInner {
    vertical-align: middle;
}

.navbar-collapse li .featurette-divider {
    display:none;
}
footer .featurette-divider {
    display: none;
}

.references {
    font-size: .7em;
}

.sermon-audio .card-body {
    border-radius: 0 0 5px 5px;
}

.fa-facebook {
    color: #3b5998;
}

    .fa-facebook:hover {
        font-size: 1.3em;
    }

.fa-youtube {
    color: #cd201f;
}

    .fa-youtube:hover {
        font-size: 1.3em;
    }

.fa-stack > .fa-square {
    color: white;
}

.nav-text, .nav-icon {
    display: inline-block;
}

.accordion-button:focus {
    outline:none !important;
    box-shadow: none;
}

        .carousel-caption p.motto {
            font-family: GreatVibes !important;
            font-size: 2.4em !important;
        }
        h4.motto {
            font-family: GreatVibes !important;
        }
        h5.motto {
            font-family: GreatVibes !important;
        }
        body .fancyFont {
            font-family: GreatVibes !important;
        }
        @font-face {
            font-family: GreatVibes;
            src: url(../fonts/GreatVibes-Wmr4.ttf);
        }
@media (max-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }

    .navbar-collapse li .featurette-divider {
        display: block;
        margin: .25rem 0; /* Space out the Bootstrap <hr> more */
    }

    .navbar-collapse {
        width: 100vw;
        border: 1px solid black;
    }

    footer .featurette-divider {
        display: block;
    }

    .social-media {
        width: 100%;
        display: inline-block;
    }
}
@media (max-width: 1068px) {

    .nav-text {
        font-size: .8em;
    }
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}
@media (min-device-width: 920px) and (max-device-width: 1068px) {

    .nav-text {
        font-size: .7em;
    }

    .nav-icon {
        display: block;
    }
}
@media (min-device-width: 768px) and (max-device-width: 920px) {

    .nav-text {
        font-size: .5em;
    }

    .nav-icon {
        display: block;
    }
}
    @media (max-width: 929px) {
        .container-lg, .container-md, .container-sm, .container {
            max-width: 960px;
        }
    }

    @media (max-width: 850px) {

        .nav-text, .nav-icon {
            display: inline-block;
        }

        .container-lg, .container-md, .container-sm, .container {
            max-width: 960px;
        }
    }