.home{
    background-color: #000;
    height: 70em;
    display: flex;
}

.naoSelecionado div{
    display: flex;
}


.home .selecionado img{
    width: 45em;
    opacity: 0.5;
}

.home .naoSelecionado img{
    max-width: 100%;
    opacity: 0.5;

}

.home .naoSelecionado div:nth-child(2){
    flex-direction: column;
}

.home .naoSelecionado div:last-child{
    align-content: center;
    display: flex;
    justify-content: center;
}

.home .naoSelecionado #myProgress{
    margin: 20px 0px;
}

.home .naoSelecionado h1{
    color: #b81d20;
    margin-bottom: 10px;
    padding: 20px 60px;
}

.home .naoSelecionado p{
    color: #fff;
    padding: 5px 55px; 
}



.menu{
    color: #fff;
}

.menu ul{
    width: 50%;
    padding: 20px;
    display: flex;
    flex-direction: row;
    position: absolute;
    align-items: center;
    top: 0px;
    justify-content: space-between;
}

.menu img{
    width: 10em !important;
    opacity: 1 !important;
}

.menu i{
    font-size: 20px;
    padding: 25px;
}



.card{
    border: 1px solid #fff;
    width: 17em;
    margin: 0 auto;
    border-radius: 15px 0px;
    padding: 5em 2em;
    height: auto;
    margin-top: 16%;
    background-color: rgb(0,0,0,0.5);
}

.card input{
    outline: none;
    padding: 15px;
    width: 18em;
    margin-bottom: 10px;
    border: none;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 10px 0px;
    color: #fff;
}

.card form a:first-child button{
    padding: 10px 30px;
    border: none;
    background-color: #175689;
    color: #fff;
    opacity: 0.85;
    border-radius: 10px 0px;
}

.card form a:last-child button{
    padding: 10px 15px;
    border: none;
    background-color: #066c20;
    color: #fff;
    opacity: 0.85;
    border-radius: 10px 0px;
}

.card button:hover{
    opacity: 1;
}


.tituloServico{
    position: absolute;
    top: 0px;
}

.tituloServico ul{
    padding: 15em 3.2em;
}

.menuInferior ul {
    width: 50%;
    padding: 7px;
    display: flex;
    flex-direction: row;
    margin-top: 29em;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 800px){
    .menuInferior ul {
        width: 94%;
        padding: 9px;
        display: flex;
        flex-direction: row;
        margin-top: 136vh;
        align-items: center;
        justify-content: space-between;
    }
    
}