body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 500px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}


.editor-multiline-field textarea { width: 100%; height: 100px; } 
/*.editor-mailaddress-field textarea { 
    width: 100%;
 }*/ 


/* Message

-----------------------------------------------------------*/

.message-success {

    color: #7ac0da;

    font-size: 1.3em;

    font-weight: bold;

    margin: 20px 0 10px 0;

}


label.error {

    color: #f00;

}


.container {
  max-width: 100%;
  /*padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;*/
}

.my-parts {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* = height ÷ width × 100 */
}
.my-parts iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}