body {
    font-family: Source Sans Pro, Verdana, sans-serif;
    background: #f4f4f4;
}
p {font-size: 16px;}
.intro{
        background: #fff; /*#eee*/
        margin: 10px 0; 
        padding: 40px 50px; 
        border-radius: 5px;
        text-align: left;
}
.intro-container{
        max-width: 500px; 
        margin: 80px auto 40px auto;  
        text-align: center;
}
.intro h2 {text-align: center; color: #222;}
.large-message{
    text-align: left; font-size: 16px;
    margin:  40px 0 20px 0;
}
.large-message p {margin-bottom: 20px;}
.section h2{font-size: 18px; margin-top: 50px; margin-bottom: 20px; text-align: left;}
.intro label {font-weight: normal; display: block; color: #888;}
.intro input + label{display: inline-block; margin-left: 10px;}
.rw{margin-bottom: 20px;}
/*.rw > div {display: inline-block;}*/
.rw .form-group {display: block;}
.rw .form-group{margin-bottom: 0;}

.form-row{margin-bottom: 20px;}
.form-row label{display: block; font-weight: bold; color: #222;}
.form-action {margin-top: 40px;}

input.errorRed {background: rgba( 217, 30, 24,.2);}
.errMsg{display: block;}
.errMsg label{display: inline-block; margin-right: 20px; color: #96281B;}

@media only screen and (max-width: 800px) { .robot {display: none;}}

@media only screen and (max-width: 500px) {
    form input[type=text] {display: block; margin: 0 auto 10px auto !important;}
    .intro{padding: 20px; }
    .intro-container{margin-top: 20px;}
    .form-action {margin: 20px 0;}    
            
}
@media only screen and (max-width: 320px) {
    form  input[type=text] {display: block; margin: 0 auto 10px auto !important;}
    .intro{padding: 10px 15px; margin: 10px 0 0 0; }
    .container{padding: 0 0 0 0;}
    .form-action .btn {font-size: 14px;}
}