.area-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 350px;
}

.teal-bg {
    background-image: url("../img/img_servicios_area_dis_med.png");
}

.yellow-bg {
    background-image: url("../img/img_servicios_area_com_med.png");
}

.black-bg {
    background-image: url("../img/img_servicios_area_dig_med.png");
}

.mobile-main-content-div {
    width: 100%;
    display: inline-block;
}

.animal-slogan {
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

.elephant-legend {
    background-image: url("../img/ley_servicios_elephant.png");
}

.bird-legend {
    background-image: url("../img/ley_servicios_bird.png");
}

.seahorse-legend {
    background-image: url("../img/ley_servicios_seahorse.png");
}

.animal {
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
    height: 140px;
}

.service-text-offset {
    height: 10px;
}

.elephant {
    background-image: url("../img/img_servicios_elephant_med.png");
}

.bird {
    background-image: url("../img/img_servicios_bird_med.png");
}

.seahorse {
    background-image: url("../img/img_servicios_seahorse_med.png");
    background-size: 60px !important;
}

.animal-row-offset {
    height: 25%;
}

.area-text {
    font-family: 'TheBoldFont';
    color: #000;
    margin-left: -19px;
    /* line-height: 16px; */
}

.icon-service {
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: top;
    height: 50px;
}

.bulb-black {
    background-image: url("../img/icon_bulb_med.png");
}

.bulb-teal {
    background-image: url("../img/icon_bulb_med-teal.png");
}

.bulb-yellow {
    background-image: url("../img/icon_bulb_med-yellow.png");
}

.bulb-pink {
    background-image: url("../img/icon_bulb_med-pink.png");
}

.pencil-teal {
    background-image: url("../img/icon_pencil_med-teal.png");
}

.chat-yellow {
    background-image: url("../img/icon_chat_med-yellow.png");
}

.chat-pink {
    background-image: url("../img/icon_chat_med-pink.png");
}

.wifi-black {
    background-image: url("../img/icon_wifi_med.png");
}

.title-text {
    font-family: 'PTSansNarrow';
    font-size: 20px;
    margin-top: 15px;
}

.content-text {
    font-family: 'PTSansNarrow';
    font-size: 12px;
}

.tags-text {
    font-family: 'PTSansNarrow';
    font-size: 14px;
    margin-top: 10px;
}

.are-text-offset {
    width: 25%;
    margin-top: 15px;
}

.line-1-bold {
    font-size: 15px;
}

.line-2-bold {
    font-size: 20px;
}

.img-servicios {
    background-image: url("../img/ley_servicios_nuestros_servicios_med.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    height: 350px;
    margin-top: 30px;
}

.img-servicios-blank {
    background-image: url("../img/ley_servicios_nuestros_servicios_med-blank.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    height: 350px;
    margin-top: 40px;
}


/* Only Text */

.mainHeader {
    background: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 2rem;
    font-family: 'PTSansNarrow';
    font-weight: bold;
}

.subHeader {
    background: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    font-family: 'PTSansNarrow';
}

.paragraphHeader {
    background: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    font-family: 'TheBoldFont';
    font-weight: bold;
}

.grayParagraph {
    font-size: 0.7rem;
    font-family: 'PTSansNarrow';
    color: #858584;
}

.greenParagraph {
    font-size: 0.7rem;
    font-family: 'PTSansNarrow';
    color: #20A59B;
    font-weight: bold;
}