.messagecontact{
    width: 90%;
    padding: 1em;
    border: 1px solid #000;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 2em;
    border-radius: 5px;
    font-family: 'Comfortaa', sans-serif; 
}

.messagecontact .success{   
    color: #155724;
    background-color: #D4EDDA;
    border-color: #C3E6CB;
}

.messagetrabalheconosco{
    width: 30%;
    padding: 1em;
    border: 1px solid #000;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 2em;
    border-radius: 5px;
    font-family: 'Comfortaa', sans-serif;    
}

.messagetrabalheconosco .success{    
    color: #155724;
    background-color: #D4EDDA;
    border-color: #C3E6CB;
}

.messagecontact .error{  
    color: #721C24;
    background-color: #F8D7DA;
    border-color: #F5C6CB;
}

.messagetrabalheconosco .error{  
    color: #721C24;
    background-color: #F8D7DA;
    border-color: #F5C6CB;
}

.messagecontact[hidden] {
    display: none;
}

.messagetrabalheconosco[hidden] {
    display: none;
}

@media screen and (min-width: 360px) and (max-width: 730px) {
     .messagecontact{
        width: 90%;        
    }

    .messagetrabalheconosco{
        width: 30%;
    }

    .messagecontact[hidden] {
      display: none;
    }

    .messagetrabalheconosco[hidden] {
        display: none;
    }
}