/* Set padding to display errors that occur during databinding */ .padding-error { padding-top: 20px; } @media only screen and (max-width: 767px) { .nofloat { float: none; padding: 10px 15px; } } body.synthnetics { background-color: #c0d0e8; // background-color: #c0d0e8; // } div.synthnetics-outer { background-color: #c0d0e8; margin: auto; border: 3px solid navy; width: 90%; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; } div.synthnetics-inner { background-color: #d0e0f8; margin: auto; border: 3px solid navy; width: 90%; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; /* // display: block; // margin-left: auto; // margin-right: auto; // align-items: center; // justify-content: center; */ } div.synthnetics-inner-inner { background-color: #e0f0ff; margin: auto; border: 3px solid navy; width: 90%; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; } image.centered { display: block; margin-left: auto; margin-right: auto; } form.synthnetics { // background-color: #c0d0e8; background-color: yellow; margin: auto; border: 3px solid navy; width: 92%; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; display: block; margin-top: 0em; display: block; margin-left: auto; margin-right: auto; align-items: center; justify-content: center; text-align: center; }