.app-container { /* background-color: #a39fc1; */ margin: 0 auto; padding: 5px; width: 930px;
background: #ee8a71; /* Old browsers */
background: -moz-linear-gradient(top,  #ee8a71 0%, #af9bb5 50%, #56b1ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee8a71), color-stop(50%,#af9bb5), color-stop(100%,#56b1ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ee8a71 0%,#af9bb5 50%,#56b1ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ee8a71 0%,#af9bb5 50%,#56b1ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ee8a71 0%,#af9bb5 50%,#56b1ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ee8a71 0%,#af9bb5 50%,#56b1ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8a71', endColorstr='#56b1ff',GradientType=0 ); /* IE6-9 */
}

.app-container > img { margin: 0 0 14px 14px; }

.app-content { background-color: #fff; margin: 15px; padding: 40px; }

.app-content .right { float: right; margin-left: 20px; }

.app-content h2 { color: #555; font-family: arial; font-size: 24px; line-height: 24px; text-transform: inherit; }
.app-content h2 span { color: #666; display: block; font-size: 20px; }

.app-content h2:first-of-type { font-size: 30px; }

.app-content h3 { color: #555; font-family: arial; font-size: 20px; line-height: 44px; text-transform: inherit; }

.app-content p { font-size: 16px; line-height: 18px; }

.app-content .quote { color: #65aff4; font-weight: 500; }

.app-intro { /* margin-bottom: 40px; */ overflow: auto; }
.app-intro p:first-of-type { padding-top: 40px; }

.half { float: left; margin-right: 20px; width: 47%; }
.half.last { margin-right: 0; }

p.grey, .half.left p { color: #858989; }
.half.left p:nth-child(2) { line-height: 22px; }

.half.last > ul { margin: 0 0 0 30px; }
.half li { font-size: 16px; margin: 10px 0; }

p.compatibility { width: 300px; }