body {
}

#services {

}

#header-serv {
    text-align: center;
}

#header-serv h1 {
    text-align: center;
    padding: 78px 62px 18px 62px;
}
#header-serv h2 {
    text-align: center;
    padding: 32px 169px;
    font-size: 24px;
}

/* SERVICES ICONS */

#services-inicio {
    display: flex;
    padding: 100px 0px 100px 0px;
    justify-content: center;
}

#services-inicio .columns {
    width: 50%;
}

#services-inicio .column {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 22px;
}

#services-inicio .label {
    text-align: center;
    padding-top: 22px;
    font-weight: normal;
}

#services-inicio a:hover {
    transform: scale(1.05);
}

/* SERVICE */

.service {
    padding: 0px 0px 0px 0px;
}

.service header h1 {
    text-align: left !important;
    padding: 52px 52px !important;
    background: radial-gradient(circle at bottom left , #0076a4 , #003181);
    color: white;
}

.service .columns {
    border-bottom: 1px solid #dfe1e5;
    height: 290px;
    box-shadow: none;
    margin: 0px;
}

.service .column {
    padding: 0px;
    display: flex;
    align-items: center;
    background-color: white;
}

.service.dark .column {
    background-color: #181818;
    color: #fcfcfc;
}

.service.dark .columns {
    border-bottom: none;
    border: none;
}

.middle {
    background-color: #dfe1e5 !important;
}

.service.dark .middle {
    background-color: #141414 !important;
}

.service .column p {
    padding: 58px 57px;
    font-size: 20px;
    font-weight: normal;
}

.service .column img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.columns.diff {
    height: 430px;
}

.columns.diff p {
    padding: 0px 0px 16px 0px;
    width: 75%;
}

.columns.diff img {
    object-fit: contain;
}

.columns.diff .column {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.diff2 {
    background-color: #dfe1e5 !important;
    text-align: center;
}

.noborder {
    border-bottom: none !important;
}

/*RESPONSIVNESS*/

@media (max-width: 900px) {
    .service .columns {
        display: flex;
    }

    .service .column p {
        padding: 52px 46px;
        font-size: 18px;
    }

    #header-serv h2 {
        text-align: center;
        padding: 32px 55px;
        font-size: 20px;
    }
}

@media (max-width: 600px) {
    .service .columns {
        height: auto;
    }

    .service .column p {
        padding: 52px 46px;
        font-size: 16px;
    }

    .columns.diff {
        height: 400px !important;
    }

    .columns.diff p {
        padding: 0px 26px 16px 0px !important;
        width: 100%;
    }


    #services header h1 {
        text-align: left;
        padding: 26px 55px 16px 23px;
    }

    #services header h2 {
        text-align: left;
        padding: 16px 55px 16px 23px;
        font-size: 18px;
    }

    #header-serv {
        text-align: left;
    }

    .button.is-info {
        margin-left: 20px !important;
    }

    #services-inicio {
        flex-direction: column;
        padding: 54px 22px;
    }

    #services-inicio .columns {
        width: 100%;
    }

    #services-inicio .column {
        padding: 21px 14px;
    }

    .label {
        font-size: 1.25rem;
    }
}