/* ------ SERVIÇOS ------ */

#services-section {
    background:url(../img/serviços.jpg);
    background-size:cover;
    padding:60px 0;
}

.inner-width {
    width:100%;
    max-width:1600px;
    margin:auto;
    overflow:hidden;
}

.section-title {
    text-align:center;
    color:#DDD;
    text-transform:uppercase;
    font-size:30px;
    font-family:'Montserrat';
    letter-spacing:2px;
    font-weight:600;
}

.border {
    width:160px;
    height:3px;
    background:#285CAA;
    margin:10px auto;
}

.services-container {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.service-box {
    margin-top:30px;
    max-width:30%;
    padding:20px;
    text-align:center;
    color:#DDD;
    cursor:pointer;
    transition:1s;
}

.service-box:hover {
    transform:scale(1.1);
}

.service-icon {
    display:inline-block;
    width:70px;
    height:70px;
    border:3px solid #285CAA;
    color:#285CAA;
    transform:rotate(45deg);
    margin-bottom:30px;
    margin-top:16px;
    transition:0.3s linear;
}

.service-icon i {
    line-height:70px;
    transform:rotate(-45deg);
    font-size:26px;
}

.service-box:hover .service-icon {
    background:#285CAA;
    color:#DDD;
}

.service-title {
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:10px;
    font-weight:700;
    font-family:'Poppins';
}

.service-desc {
    font-size:14px;
    line-height:22px;
}

@media screen and (max-width:960px) {
    .service-box {
        max-width:45%;
    }

    .section-title {
        font-size:30px;
    }
}

@media screen and (max-width:768px) {
    .service-box {
        max-width:50%;
    }

    .section-title {
        font-size:25px;
    }
}

@media screen and (max-width:480px) {
    .service-box {
        max-width:100%;
    }

    .section-title {
        font-size:20px;
    }
}