/* informacion de la app */

@import url('https://fonts.googleapis.com/css?family=Oswald:200,400,700');
html{ font-size: 16px;
background-color: black;
color: whitesmoke;
font-family: 'Oswald'; }
*{box-sizing: border-box;}
*{margin: 0; padding: 0;}

header {
    font-size: 2rem;
    background-size: cover;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
    width:100%;}

nav{
    text-align: center;
    background-color: #333;
  
}

nav ul {
    display: inline-block;
    margin:0rem;
    padding:0;
    
}
ul {list-style-type: none;
    margin: 1rem;
    padding: 0;
    overflow: hidden;
    background-color: #333; 
text-align: center; }

li {float: left;
align-content: center;}

li a { display: block;
    color: white;
    text-align: center;
    font-size: 0.8rem;
    padding: 14px 10px 14px 14px ;
    text-decoration: none;}


.apertura {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
    padding-top: 3rem;}


h1{font-size: 3.5rem;
   color:#FFB845; text-align: center }
h2{color: bisque}
        
p{text-align: center; margin:3em; color: bisque }

h4 {font-size: 0,5em; font-family: oswald 200; margin-top:1em; }

article mockup{ padding: 1em; align-content: left;

}

img {padding: 2em;}

.row{
    margin-bottom: 2rem;
    margin-top: 2rem;
    background: rgba(57, 57, 57, 0.96);
}

.cajaderecha{
    width:1800px;}


.descargar{
    font-family: Oswald 200;
    color: white;
    font-size:2rem;
    display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
    padding:9rem; }

.googleplay{
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;}

.descarga img {
    margin:2rem; }


a {
  color: white;
  text-decoration: none;
  list-style: none; }



	
/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 50%;
    padding: 10em; }

/* Clear floats after the columns */
.descripcion:after {
    content: "";
    display: table;
    clear: both; }

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;} }