@media (min-width: 992px) {
    body {
        padding:40px;
    }

    h1 {
        font-size:4rem;
    }
    h1#services {
        font-size:3rem;
    }
    h2 {
        font-size:4rem;
    }
    h3 {
         font-size:3rem;
     }
    .lead {
        font-size: 1.25rem;
    }
    .navbar, .navbar-brand {
        background:var(--off-white);
        border-radius: 24px;
        padding:6px;
        font-size:1rem;
        /*margin-top:40px;*/
    }

    .nav-bar .logo, .navbar-brand .logo {
        width:230px;
    }

    .waste-widget {
        height:auto;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        /* text-align:left !important; */
    }
    .waste-widget-inset {
        margin-top:0px;
        padding-bottom:1px;
    }

    .scroll-container {
        /*perspective: 1000px;*/
        height: inherit;
        overflow-x: hidden;
        overflow-y: auto;
        margin-top:100px;
        margin-bottom:100px;
        margin-left:-40px;
        margin-right:-40px;
    }

    .scroll-section {
        position: relative;
        /*height: 20vh; !* Adjust this value to control when the animation starts *!*/
        overflow:hidden;
        width:100%;
    }

    .panel {
        width: 200%;
        font-size: calc(1.325rem);
    }

    .scroll-container span {
        font-size: 4rem;
    }

    .green-section .w-50, .brown-section .w-50, .blue-section .w-50 {
        width:50% !important;
    }

    .panel {
        overflow: hidden;
    }

    .blue-section {
        margin-top:160px
    }
    .brown-section {
        margin-top:160px;
    }
    .chris {
        background-position-y: -50px;
    }
    .bottom-bucket.tall {
        height:inherit;
    }
    .modal-body section {
        padding:3rem;
    }

    .modal-content .bottom-bucket {
        padding:3rem;
        width:75%;
    }

    #wasteSearch, #searchResult {
        font-size:1.5em;
        text-align:left;
    }
    .full-bleed {
        margin:-40px -40px -40px -40px;
    }

    .logo {
        justify-content: center;
    }
    .card-text {
        font-size: 1.3em;
    }
    .services-card-img .card-img-top {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .services-header {
        flex-direction:row;
    }

    .services-header h1 {
        font-size:2.5rem;
    }

    #services h2 {
        font-size:2.5rem !important;
    }

    #services li {
        line-height:1.75em;
    }

    

    .intro {
        width:60%;
    }
    .intro-image {
        width:40%;
        text-align:center;
    }

}