html{font-size: 16px;font-family:sans-serif;} /*mi rem*/
* {margin: 0rem;box-sizing: border-box; }




header img {width: auto;
    height: 2rem; 
    display: flex; 
    justify-content: flex-start; 
    float: left;
    margin:1rem 0rem 1rem 1rem;
    padding: 0rem;}
    
.menu{background-color: #2c2cf7;height: 4rem;}

.menu .navegador{padding:1.5rem 5rem 0rem 0rem;margin:0rem;}
.menu ul li { list-style-type: none;display:inline;padding: 0rem;}
.menu ul li a {text-decoration: none; display:inline;color: #fff;float: right;padding: 0rem 1rem 0rem 0.25rem;font-size: 1rem;margin: 0rem;font-family:sans-serif;}
.menu ul li a:hover {text-decoration: none; display:inline;color: #33FF99;float: right;}

body {
    text-align: center;
    box-sizing: border-box;
	background: linear-gradient(#2c2cf7, #9060cb, #f8c52c);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	height:33.3%;
}



 
.top{
    position: relative;
    display: inline-block;
    text-align: center;
    
}
 

.festival{
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#f8c52c;
    font-size: 120%;
    
    

}

.iphone1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0rem 5rem 0rem 5rem;
 
}

.iphone2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5rem;

}
.iphone3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5rem;

}
.iphone4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
        padding: 5rem;

}

.appstore{ padding-bottom: 1rem;
  
   

}





footer {
   
    color: white;
    background-color: #000;
    padding-top: 1rem;
    padding-bottom: 1rem;
    
}

footer p { 
    text-align: center
    color: white;
       font-size: 12pt;
    padding-left: 1rem;
    padding-right: 1rem

}

a {
    text-decoration: none;
    text-align: center;
    color: white;

}

p { 
    font-size: 100%;
    text-align:left;
    color: white;




}

/*hasta acá*/Naranja: f8c52c
Violeta: 9060cb
Azul: 2c2cf7



/*PARA QUE SEA VE BIEN EL WEB*/

@media screen and (max-width:480px){