@media  only screen and (min-device-width: 768px) 
{
    .form-container {
         padding:  15px;
        background: #ffffff;
        border: 9px solid #f2f2f2;
        margin: auto;
        width: 87%;
    }

}

h1, p 
{
  text-align: center;
}

h4 { 
    color: #2E3092;
}

input, textarea , button
{
  width: 62%;
}    
textarea
{
  height: 200px;
  width: 90%;
}

label, legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    margin-top: 0px;
}


form input {
    width: 180px !important;
}

form#reused_form {
    text-align: center;
}

.form-container label, .form-container legend {
    display: block;
    margin-bottom: 1rem;
    font-weight: 600;
}

.form-container pre, .form-container blockquote, .form-container dl, .form-container figure, .form-container table, .form-container p, .form-container ul, .form-container ol, .form-container form {
    margin-bottom: 0px;
}

iframe {
    height: 80px;
    overflow: hidden;
    width: 100%;
}