* {
    margin:0;
    padding:0;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
}

body {
    text-align: center;
    padding:20px 0;
}

div#container {
    max-width:90%;
    padding:0 20px;
    margin:0 auto;
}

section#intro p {
    font-size: 0.78em;
    line-height:140%;
    color:#333;
}

a:link, a:active, a:visited {
    color: #0088FF;
    text-decoration: none;
}

a:hover {
    color: #0088FF;
    text-decoration: underline;
}

h1.logo {
    overflow: hidden;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background:url(/img/logo.png) no-repeat top left / 90px 90px;
    text-indent: -9000em;
    margin-bottom:30px;
}

section#app-showcase {
    padding:50px 0;
}

@media (-webkit-min-device-pixel-ratio: 2),(-moz-device-pixel-ratio: 2), (min-resolution: 192dppx) { 
    h1.logo {
        background:url(/img/logo@2x.png) no-repeat top left / 90px 90px;
    }
}
@media (-webkit-min-device-pixel-ratio: 3),(-moz-device-pixel-ratio: 3) { 
    h1.logo {
        background:url(/img/logo@3x.png) no-repeat top left / 90px 90px;
    }
}

section#app-showcase ul {
    display: flex;
	flex-wrap: wrap;
    margin: 0 auto;
    max-width:50%;
}

section#app-showcase ul li {
	flex:10%;
    padding:10px 0;
}

section#app-showcase ul li span.appname {
	font-size:0.8em;
    color:#333;
    font-weight:500;
}

section#app-showcase ul li a figure {
    transition: transform 0.2s ease-in-out;
}

section#app-showcase ul li a:hover figure {
    transform: scale(1.1);
}

section#app-showcase ul li a:hover {
    text-decoration: none!important;
}

section#app-showcase ul li a:hover span.appname {
    color:#0088FF!important;
}

@media (max-width: 1200px) {
	section#app-showcase ul li {
		flex: 20%;
	}
}

@media (max-width: 800px) {
	section#app-showcase ul li {
		flex: 30%;
	}
}

footer {
    padding:20px 0;
    text-align: center;
    font-size: 0.6em;
    color: #999;
}

footer p {
    padding:6px 0;
}