.main-container-conteudo-empresa {
    width: 60%;
    min-height: 100px;
}

main {
    display: flex;
    justify-content: center;
    /* margin: 0 0 40px 0; */
}

main h1 {
    font-weight: 400;
    margin: 10px 0;
}

h2 {
    margin: 20px 0;
    font-weight: 300;
}

p {
    margin: 20px 0;
    font-weight: 200;
}


ul {
    margin: 0px 20px;
}
.itens li {
    font-weight: 200;
}

main {
    background: none;
    background-color: white;
}

.main-container-conteudo-empresa h1,
.main-container-conteudo-empresa p,
.main-container-conteudo-empresa h2 {
    text-align: center;
}

ul.plainSelect {
    /* targets those 'ul' elements created by the plug-in */
    border: 1px solid #000;
}
ul.plainSelect li {
    /* this styles the 'selected' li 'option' element */
    background-color: #f90;
    display: list-item;
}
ul.plainSelect li.guidance {
    /* this is the 'Select a Reason' guidance/explanation from the image in the question */
    border-bottom: 1px solid #000;
    padding: 0.3em;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #fff;
}

ul.plainSelect li.unselected {
    /* hides the 'unselected' options, and removes the background-color for contrast */
    background-color: #fff;
    display: none;
}

ul.plainSelect:hover li,
ul.plainSelect:hover li.unselected {
    /* ensures that the 'li' elements pop-up when the list is hovered over, */
    /* and act/display like 'li' elements */
    display: list-item;
}