#mensaje {
    background-color: #FFFFFF;
    border-radius: 20px;
    color: #191919;
    margin: 0 auto;
    padding: 50px;
    width: 500px;
}

#mensaje label {
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

#mensaje input {
    border: 1px solid #191919;
    border-radius: 5px;
    display: inline-block;
    font-size: 20pt;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

#mensaje textarea {
    font-family: DejaVu;
    font-size: 16pt;
    height: 120px;
    padding-bottom: 10px;
    padding-top: 10px;
    resize: none;
    width: 100%;
}

#mensaje input[type=submit] {
    background-color: #FFFFFF;
    transition: all 0.6s ease-in-out;
}

#mensaje input[type=submit]:hover {
    background-color: #0088AA;
    color: #FFFFFF;
    cursor: pointer;
}

#mensaje img {
    margin: auto;
    max-width: 300px;
}

@media screen and (max-width: 1023px) {
    
    #mensaje {
        width: calc(100% - 100px);
    }
    
}