html, body {
    height: 100%;
	font-smooth: always;
}

#apps {
		height: 100%;
    min-height: 100%;	
}

.app {
	text-align: center;
		height: 100%;
    min-height: 100%;
    font-size: 1.5em;	
}

.app .icon {
	height: 240px;
	width: 240px;
	margin: 0 auto;
	display: block;
}

.app-description {
     height: 300px;
      position: absolute;
      top: calc(50% - 200px);
      left: 0;
      right: 0;
      margin: 0 auto;
}

.app h2 {
	font-weight: 500;
	font-size: 2.4em;
	padding-top: 0px;
}

.app .description {
	padding-top: 2px;
	font-weight: 200;
}

.app .support {
	position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      bottom: 25px;
    font-weight: bold;
    padding: 25px;
    
}	

.app a:hover {
	text-decoration: none !important;
}
	
	
#apps.row {
	margin: 0; 
}
	
/* Cap */

#cap {
	background: #24669d url(../img/cap-bg.png) repeat center top;
	color: white;
}

#cap h2 {color: white;}

#cap:hover{ background-image: url(../img/cap-bg-hover.png); }

#cap .icon {
	background: url(../img/cap.png) center no-repeat;
}

#cap .description, #cap .support {
	color: #8cbde5;	
}

/* Libre */

#libre {
	background: #FFFFFF url(../img/libre-bg.png) repeat center top;
	color: #ccc;
}

#libre:hover{ background-image: url(../img/libre-bg-hover.png); }

#libre .icon {
	background: url(../img/libre.png) center no-repeat;
}