.contact-form {
    margin-top: 1.5em;
    border-top: rgb(110, 110, 110) 2px solid;
}

.form-control { 
    margin-top: 1.5em;
    text-align: center;
}

button { 
    border: none;
    padding: 0.8em 1.5em;

    -webkit-transition: background 0.2s ease;

    -o-transition: background 0.2s ease;

    transition: background 0.2s ease;
    background: white;

    font-size: 1.25rem;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 1.3px;
}

button:hover {
    background: rgb(182, 182, 182);
}

button:active {
    background-color: rgb(156, 156, 156);
}

input:hover, textarea:hover {
    outline: none;
    background: rgba(124, 124, 124, 0.6);
}

input:focus, textarea:focus {
    outline: none;
    background: rgba(71, 71, 71, 0.6);
}

input, textarea {
    padding: 3px; 
    width: 50%;

    -webkit-transition: background 0.2s ease;

    -o-transition: background 0.2s ease;

    transition: background 0.2s ease;
    background: rgba(134, 134, 134, 0.3);
    color: white;
    border: white 2px solid;

    font-size: 1.25rem;
    font-family: 'Nunito';
    text-align: center;
}

label {
    display: block;
    margin-bottom: 2px;
    font-size: 1.25rem;
}

.user-message { 
    min-height: 300px; 
    resize: none;
}

@media only screen and (max-width: 768px) {
    input, textarea {
        width: 250px;
    }
}