body { background-color:#EEE; color:#555; text-align:center; padding-bottom:100px; font-size: 16px; } .header { text-align:center; margin-top:10px; margin-bottom:30px; } .header img { vertical-align: middle; } .header>a>img { border-radius:20px; width:40%; max-width:256px; } .container { max-width: 1024px; text-align:left; margin:0px auto; } .content { font-size: 1.125em; } img.icon { width:40%; max-width:150px; vertical-align: top; margin-right:20px; margin-bottom: 20px; } img.apple { width: 48%; max-width:150px; margin-top: 10px; } .desc { display: inline-block; width: 50%; vertical-align:top; } a { color: #0FA0CE; text-decoration:none; } a:hover { text-decoration:underline; } input, textarea { color: #333; } .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { background-color: #bfbfbf; border-color: #bfbfbf; } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { } div.vidbox { position: relative; width: 100%; } div.vidbox:before { content: ""; display: block; padding-top: 56.25%; } div.vidbox iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .rot { color:#C00; } .red { background:#e9534f; } .text { border:1px solid #000; width:500px; border-radius:3px; margin-top:5px; } .submit { border:2px solid #C0C0C0; border-radius:5px; background-color:#F0F0F0; width:504px; height:35px; margin-left:100px; } .success, .error, .info { padding:10px 10px; border:1px dotted #000; margin:10px 0px; font-weight:bold; color:#FFF; } .success { background-color:#393; } .error { background-color:#D00; } .info { background-color:orange; color:#333; }