/*Two Template CSS*/
/*home-50-leftImage-50-RightContent-wrap*/
/*home-50-leftContent-50-RightImage-wrap*/
.home-50-leftImage-50-RightContent-wrap, .home-50-leftContent-50-RightImage-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 70px;
    margin-bottom: 95px;
    padding: 0 60px;
}

    .home-50-leftImage-50-RightContent-wrap img, .home-50-leftContent-50-RightImage-wrap img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

.right-50-content-wrap h2, .left-50-content-wrap h2 {
    font: 80px 'Gotham-Condensed-Medium', sans-serif;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.right-50-content-wrap p, .left-50-content-wrap p {
    font: 18px 'Gotham-Book', sans-serif;
    color: #000;
    line-height: 1.4
}

    .right-50-content-wrap p a, .left-50-content-wrap p a {
        text-transform: uppercase;
        color: #247a44;
        text-decoration: underline
    }

/*Responsive*/
@media (min-width: 1439.99px) {
    .home-50-leftImage-50-RightContent-wrap, .home-50-leftContent-50-RightImage-wrap {
        padding: 0 231.5px;
    }
}
@media (max-width: 767.99px) {
    .home-50-leftImage-50-RightContent-wrap, .home-50-leftContent-50-RightImage-wrap {
        padding: 0 30px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 15px;
        margin-bottom: 50px
    }

    .right-50-content-wrap h2, .left-50-content-wrap h2 {
        font-size: 30px;
    }

    .right-50-content-wrap p, .left-50-content-wrap p {
        font-size: 13px
    }
}