.form-back{
    font-family: 'Barlow', sans-serif;
}

.form-back #profile-wrapper {
    position: relative;
    width: auto;
}

.form-back #profile-wrapper .input-photo, #profile-wrapper .input-import  {
    position: absolute; 
    max-width: 100%; 
    max-height: 100%;
    border: 1px solid #00b2bbb4;
    border-radius: 15px;
}

.form-back #profile-wrapper .input-box {
    position: absolute; 
    opacity:0;
    width: 0;
    height: 0;
}

.form-back #profile-wrapper .input-label {
    opacity:0;
    cursor:pointer; 
    position: absolute; 
    width: 100%;
    height: 100%;
}


@media (max-width: 767px) {
    .form-back .form-group {
        display: flex;
        justify-content: center;
    }

    .form-back #profile-wrapper   {
        margin-bottom: 2rem;
    }

    .form-back #profile-wrapper .input-photo, #profile-wrapper .input-import  {
        position: initial; 
        max-width: 100%; 
        max-height: 100%;
    }

    .form-back #profile-wrapper .input-box {
        left: auto;
        width: 100%;
        height: 100%; 
    }
}

.vagas {
    column-count: 1;
}

@media (min-width: 576px) {
    .vagas {
        column-count: 1;
    }
}

@media (min-width: 768px) {
    .vagas {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .vagas {
        column-count: 3;
    }
}

@media (min-width: 1200px) {
    .vagas {
        column-count: 4;
    }
}