@media (max-width: 767.98px) {
    
    .header {
        background-color: #2c2e34;
        height: 200px;
        width: 100%;
        position: relative;
    }
    
    .content__heading-2 span {
        display: block;
    }
    
    .table--custom {
        width: 100%;
    }

}

@media (min-width: 768px) {

    .header {
        background-color: #2c2e34;
        height: 300px;
        width: 100%;
        position: relative;
    }
    
    .content__heading-2 span {
        display: inline-block;
    }

}

.hi {
    width: 100%;
    position: absolute;
    top: 55%;
    transform: translateY(-45%);
    z-index: 2;
}

.header__heading-1 {
    font-size: 4rem !important;
    color: #ffffff;
}

.content h2 {
    margin-bottom: 20px;
    font-size: 4rem;
    text-transform: inherit;
}

.content h2:after {
    display: none !important;
}

.content h3 {
    margin-bottom: 15px;
    font-size: 3rem;
}

.content--padding {
    padding: 70px 15px;
}

.content h2 {
    color: #2c2e34;
}

.content h3 {
    color: #2c2e34;
}

.content p {
    font-size: 1.5rem;
    color: #2c2e34;
}

.form {
    background-color: #f8f8f8 !important;
}