#prompt, #signup {background-color: #FF8800; width: 75%; margin: auto; text-align: center; border-radius: 5px; margin-top: -1em; padding-top:1.5em; border-bottom: 1px solid rgba(0,0,0,0.8); box-shadow: 0px 0px 5px rgba(0,0,0,0.75);} #prompt img {width: 33%;} #prompt p, #signup h1 {background-color: #FF8800; box-shadow: 0px 0px 5px rgba(0,0,0,0.75); width: 102%; margin-left:-1%; border-radius: 5px; padding-top: 1em; padding-bottom: 1em; letter-spacing: 0.5em; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(0,0,0,0.66);} #signup {margin-top: 1em; padding-top:0em; margin-bottom: -2.2em; padding-bottom: 2.5em; border-top: 1px solid rgba(255,255,255,0.5);} #signup h1 { font-size:0.9em; } #signup ul {list-style-type: none; text-align: left;} #signup h2 {margin-bottom: 0px;} #signup fieldset {width: 80%; margin: auto; text-align: left;} #signup label {margin-right: 1%; width: 50%; text-align: right; display:inline-block;} ul.checkbox_li { width:100%; padding: 0 1em; } li.checkbox_li { width:90%; } #signup label.check { width:100%; text-align:left; display:inline-block; margin-left: 1%; } #signup .framed .engraved {text-align: left; margin: 1em;} #signup .error, #signup .info, #signup .success {margin: 1em; width: auto; border-radius: 5px;} @media screen and (max-width: 659px) { #signup fieldset {width: 90%; text-align: right;} /*#signup label {width: auto; float: left;}*/ ul.checkbox_li { width:90%; padding-left: 1em; } #signup label, input {width: 90%; } }