header {
    background-color: #141313;
    color: #fff;
    border-bottom: 4px solid #323030;
}
.top-bar {
    background-color: #141313 !important;
}

.logo, .nav-scroll .logo {
    width: auto;
    height: 60px !important;
}

a {
    color: #e58a2b;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #141313;
}

.cta-break-call-now .cta-break-container .en-text,
.cta-break-call-now .cta-break-container .es-text{
    font-size: 2.5rem !important;
    color: #141313;
    font-family: Cormorant,serif;
}

.form-head {
    text-align: center;
}
.form-head h3 {
    font-size: 35px !important;
}

.key-benefits ol li::before {
    border: 3px solid #e58a2b;
    color: #e58a2b;
}
.key-benefits ol li::after {
    background-color: #eeb171;
}


.lawyer-image {
    display: flex;
}
.lawyer-image picture{
    display: flex;
    align-items: flex-end;
}
.lawyer-image picture img {
    align-items: flex-end;
}
.hero .lawyer-image img {
    width: 435px;
    max-width: 435px !important;
    margin-left: -100px;
}

.hero-bg { 
    background-image: url('https://justicelawdev.wpengine.com/wp-content/uploads/2022/10/LP_hero-bg.jpg') !important;
  }


textarea.small, input.small, select.small {
    font-size: 100%;
}

.our-attorneys-template {
    padding: 5rem 0 !important;
}


@media only screen and (max-width: 641px) {
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1 !important;
    }
}

@media only screen and (max-width: 767.98px) {
    
    .hero .container {
        max-width: 100% !important;
    }
    
    .logo, .nav-scroll .logo {
        margin: 0 auto;
        width: auto;
        height: 40px !important;
    }

    .top-bar {
        padding: 0;
    }
    .top-bar .call-to-actions {
        background-color: #141313;
    }
    .top-bar-flex picture {
        margin: 0 auto;
        padding: 20px;
    }
    .top-bar .container {
        max-width: 100%;
        width: 100%;
    }
    .hero .hero-title {
        padding: 0 16px  !important;
        margin: 0;
        position: absolute  !important;
        top: auto;
        bottom: 30px  !important;
        z-index: 5  !important;
    }
    .hero .col-sm-6, .hero .col-sm-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .hero .lawyer-image img {
        width: 200px;
        max-width: 200px !important;
        margin-left: -35px;
    }

    .case-result--item .case-result--header p {
        font-size: max(0.1vw, 25px) !important;
    }

    .our-attorneys-template {
        padding: 3rem 0 !important;
    }

    .kb-phone .en-text,
    .kb-phone .en-text {
        font-size: 15px;
    }

    .key-benefits-list::before {
        background: #141313;
    }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 991px)
{
    .hero .lawyer-image img {
        //width: 200px;
        //max-width: 200px !important;
        margin-left: -35px;
    }


}

@media only screen and (min-device-width: 991px) and (max-device-width: 1200px) {
    .hero .lawyer-image img {
        
    }


}