@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Amaranth');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: 'Roboto', sans-serif;
    background-color: white;
    margin: auto;
	padding: 0;
	margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100vh;
}

main {
    max-width: 100vw;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
   
}

#cont_logo {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-top: -18rem;
}

#logo{
    display: block;
}


.contenedor {
    width: 98%;
    margin: auto;
}

.contenedor p {
}

h1 {
  color: #A86DDA;
	margin-top: -1rem;
	font-size: 2rem;
    text-align: center;
}


section {
    width: 100%;
    margin-bottom: 25px;
}


a {
    text-decoration: none;
}




footer {
    background-color: black;
}

footer p {
    color: white;
    font-size: 0.7em;
    padding: 0.5em;
    text-align: center;
    margin: 0.9em;
    max-width: 92%;

    
}


#fondo {
    margin-top: 1.5em;
    position: relative;
    margin-bottom: 0em;
    text-align: center;
 
    
}

#fondo img {
    max-width: 100vw;

    
  
}
    
    #blur {
        -webkit-filter: blur(20px);
        filter: blur(5px);
    }

#logo{
    z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12em;
    margin-bottom: 1em;
	}



.app h3 {
    color:#FC6750; 
    font-size: 1em;
    text-align: center;
    margin-bottom: 0.3em;
	
}



.appimg article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	background-color: #affdbf;
	
    

    
}
.appimg article img{
    width: 90%;
    text-decoration: none;
    color: black;
    box-sizing: border-box;
    padding: 5%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    }
   

    
}


#nuevaapp {
    text-align: center;}

#nuevaapp h2 {
    color: #affdbf;
    padding: 0 1em;
    font-size: 1.4em;
    margin-top: 0.6em;
    margin-bottom: 0.8em;
    line-height: 0.9em;
    text-align: center;
    
}





.contenedor .bajada a{
    color: white;

    
}

.contenedor .bajada ul {
    list-style-type: none;
}

main .contenedor {
    margin: 1.4em;
    margin-top: 0.4;
    margin-right: 0.3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.8em;
    width: 40%;
    margin-bottom: 0.4em;
}

.solido {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #affdbf;
    color: black;
    max-width: 100%;
    
}

.contenedor .bajada a {
    text-decoration: none;
	color: black;

}

.contenedor .bajada .iconoderedes img {
    width: 2em;
    margin-top: 1em;
    margin-right: 1.5em;
   
}

#final {
    display: none;
}

@media screen and (max-width:21em) {
    #fondo {display: none;}
    main {display: none;}
    
    #final {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    
    h1{text-align: center;}
    #final a {font-size: 4em; text-align: center;}
    
}