*, *:before, *:after {
  box-sizing: border-box;
}

body { background: #333; color: #ddd; text-align: center; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
line-height: 1.4; -webkit-font-smoothing: antialiased; }

#wrapper { max-width: 960px; margin: 2em auto; padding: 0 15px; }

img { max-width: 100%; }

.clearboth { clear: both; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

header { font-size: .8em; font-weight: bold; padding-bottom: .5em; }

.title { font-size: .8rem; padding: 0; margin: 0; }

.icon { height: 175px; border-radius: 20%; }

.description { max-width: 620px; margin: 0 auto; text-align: left; }

.screenshots { padding: 2em 0; }

.screenshots__border { border: 50px solid #000; margin: 0 auto 1em; max-width: 680px;
    border-left-width: 25px; border-right-width: 25px; border-radius: 25px; }

.screenshots__border img { display: block; }

.slick-dots li button:before { color: white; }

.slick-dots li.slick-active button:before { color: white; }

.support { padding-top: 2em; display: block; }

.app-store { width: 175px; margin-top: 2em; }

footer { clear: both; font-size: .8em; padding-top: 2em; }