.servicos-container{
    padding: 50px 17%;
    background-color: #F5F5F5;
}

.servicos-container-top{
    text-align: center;
}

.servicos-container-top h2{
    font-size: 2vw;
    color: #003865;
    margin-bottom: 2%;
}

.servicos-container-top h3{
    font-size: 1.5vw;
    color: #7C8999;
    margin-bottom: 3%;
}

.servicos-container-bottom{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}

.servicos-container-card{
    background-color: #41DD83;
    padding: 20px 40px 40px 20px;
    width: 100%;
    height: 160px;
    cursor: pointer;
}

.servicos-container-card h4{
    font-size: 1.2vw;
    color: #003865;
    margin-bottom: 10px;
}

.servicos-container-card p{
    font-size: 0.8vw;
    color: #003865;
}

.servicos-container-blank{
    background-color: transparent;
    padding: 20px 40px 40px 20px;
    width: 100%;
    height: 160px;
}

.tituloServico{
    font: 400 32px inter; 
    color: #003865;
}

.pServico{
    font: 400 16px inter; 
    margin-bottom: 20px; 
    color: #7C8999;
}

.btnMais{
    width: 148px;
    height: 47px;
    background-color: #19BAE0;
    border: 1px solid #19BAE0;
    border-radius: 4px;
    margin-top: 20px;
}

.btnMais:hover{
    background-color: #003865;
    border: 1px solid #003865;
    transition: 0.8s;
    opacity: 0.7;
}

@media (max-width: 1240px){
    .servicos-container-card h4{
        font-size: 1.5vw;
    }
    
    .servicos-container-card p{
        font-size: 1vw;
    }
}

@media (max-width: 1090px){
    .servicos-container-blank{
        display: none;
    }

    .servicos-container-bottom{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .servicos-container-card h4{
        font-size: 1.5vw;
    }
    
    .servicos-container-card p{
        font-size: 1.2vw;
    }

    .servicos-container-card{
        height: 140px;
    }
}

@media (max-width: 900px){
    .servicos-container-bottom{
        grid-template-columns: 1fr 1fr;
    }

    .servicos-container-card h4{
        font-size: 2vw;
    }
    
    .servicos-container-card p{
        font-size: 1.5vw;
    }

    .servicos-container-top h2{
        font-size: 3vw;
    }

    .servicos-container-top h3{
        font-size: 2vw;
    }
}

@media (max-width: 700px){
    .servicos-container-card h4{
        font-size: 2.2vw;
    }
    
    .servicos-container-card p{
        font-size: 2vw;
    }

    .servicos-container-top h2{
        font-size: 3vw;
    }
    
    .servicos-container-top h3{
        font-size: 2vw;
    }
}

@media (max-width: 500px){
    .servicos-container-card h4{
        font-size: 2.5vw;
    }
    
    .servicos-container-card p{
        font-size: 2vw;
    }
}

@media (max-width: 400px){
    .servicos-container-bottom{
        grid-template-columns: 1fr;
    }

    .servicos-container-card h4{
        font-size: 4vw;
    }
    
    .servicos-container-card p{
        font-size: 3vw;
    }

    .servicos-container-top h2{
        font-size: 5vw;
    }

    .servicos-container-top h3{
        font-size: 3.6vw;
    }
}