.content{
    color: #FFFF;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
h5{color: 504d41;

}
h3{
    text-align: center;
    color: #444444
}
.staff_image{
    background: #4444;
    background-image:url(../images/demo/content/distribuidor.jpg)
}
h5{
    font-size: 18px
}
.contact-wrapper{
    align-content: center
}
.contact-form form {
    display: grid;
    grid-template-columns: 1fr 1fr
}
.contact-form form .block{
    grid-column: 1/3
}
.contact-form form p{
    margin: 0;
    padding: 1em;
    font-size: 13px;
}
.contact-form form button{
    background: #194b8f;
    color: #eee;
    border: none;
    text-transform: uppercase;
    padding: 1em;
    width: 100%;
}
.contact-form form input,
.contact-form form textarea { 
    width: 100%;
    color: #444444;
    padding: .7em;
    border: 1px solid #dddddd;;
    background: #f2f2f2;
    outline: 80;
    border-radius: 2px;
    margin-bottom: 15px
}
.contact-form form button:hover,
.contact-form form button:focus{
    background:#194b8f;
    color: #eee; 
    transition: 1s ease-in-out;
}
.contact-info{
    color: #504d41;
    padding: 1em;
    }
.contact-info h5 {
    text-align: center;
}
.contact-info ul,
.contact-info p{
    text-align: center;
    margin: 0 0 1rem 0;
    width: 100%
}
.contact-info ul {
    list-style: none;
    padding: 0;
}
.contact-info ul li {
    padding: .3em
}
.textarea{
    resize: none;
}

/* Large Size */
@media (min-width:700px){
    .contact-wrapper{
        display: grid;
        grid-template-columns: 2fr 1fr
    }
    .contact-wrapper >* {
        padding: 2em;
    }
    .contact-info h5{
        text-align: left
    }
    .contact-info ul,
    .contact-info p {
        padding: ;
        text-align: left;
        width: 60%
    }

}