@media (min-width: 1024px) {
    header {
        background: #fff;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .navbar-nav > .nav-item > .nav-link {
        color: #222;
    }

    #gacoCarousel .carousel-item {
        width: 100%;
        height: 750px;
        max-width: 1920px;
    }
    #gacoCarousel .bg-1 {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.66)), url('images/xl/banner_1.jpg') center;
        background-size: cover;
    }
    #gacoCarousel .bg-2 {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.66)), url('images/xl/banner_2.jpg') center;
        background-size: cover;
    }
    #gacoCarousel .bg-3 {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.66)), url('images/xl/banner_3.jpg') center;
        background-size: cover;
    }
}

@media (min-width: 1400px) {
    input.form-control {
        height: 46px;
    }
}