header {
    @media (min-width: 992px) {
        .container {
            width: 1200px !important;
        }
    }

    .btn {
        a {
            background-color: #000000 !important;
            border-radius: 1px 1px 1px 1px !important;
            padding: 0 30px !important;
            color: #fff !important;
        }
    }
}

main {
    // background-color: #EDEDED !important;
    
    background-repeat: repeat;
    background-image: url("assets/images/section-bg.jpg");

    .home-search {
        z-index: 10 !important;
    }

    .banner {
        img {
            height: 400px !important;
            object-fit: cover !important;
        }
        .gallery-item {
            height: 200px !important;
            margin: 0 !important;

            .gallery-icon {
                height: 100% !important;
                
                img {
                    height: 100% !important;
                    object-fit: cover !important;
                    border: none !important;
                }
            }
        }
    }
}

.container404 {
    background-image: url('assets/images/ocean-404.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}