#bomabut {
    background-image: url(/images/46/ambuimg.jpg);
    padding: 60px 0 95px;
    background-size: cover;
    margin-top: 0;
}

#bomabut .mafenbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#bomabut .mafenbox .maleftbox {
    display: flex;
    flex-direction: column;
    width: 50%;
}

#bomabut .mafenbox .maleftbox img {
    border-radius: 25px;
}

#bomabut .mafenbox .marightbox {
    display: flex;
    flex-direction: column;
    width: 44%;
}

#bomabut .mafenbox .listname {
    margin-bottom: 50px;
}

#bomabut .mafenbox .infoten {
    z-index: 2;
}

#bomabut .mafenbox .listname h3 {
    font-size: 9em;
    font-weight: 900;
    position: absolute;
    top: -137px;
    color: #ffffff;
    z-index: 0;
    -webkit-text-stroke: .5px #56201e57;
    -webkit-text-fill-color: transparent;
    font-family: "Barlow", sans-serif;
}

#bomabut .mafenbox .listname p {
    font-size: 1.75em;
    line-height: 120%;
    font-weight: 600;
    margin-left: 40px;
    position: relative;
    z-index: 1;
}

#bomabut .mafenbox .abcallJtop {
    bottom: 0;
    position: relative;
    left: 0;
    margin-top: 30px;
}

#bomabut .infoten p {
    font-size: 1em;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    #bomabut .mafenbox {
        display: flex;
        flex-direction: column;
    }

    #bomabut .mafenbox .maleftbox {
        width: 100%;
    }

    #bomabut .mafenbox .marightbox {
        width: 100%;
        margin-top: 80px;
    }

    #bomabut .mafenbox .listname h3 {
        top: -75px;
        color: #f3f3f3;
        font-size: 7em;
    }

    #bomabut {
        padding: 60px 0 60px;
    }
}

@media screen and (max-width: 480px) {
    #bomabut .infoten p {
        font-size: 15px;
    }
}