@import url('https://fonts.googleapis.com/css?family=Baloo|Merriweather:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Baloo');

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

a {
  
    text-decoration: none;
     }

body{
    background-color: #f7bdce;
     margin: 0;
    padding: 0;
    font-family:'merriweather', serif;
  


}


.logobarra {
    width: 8rem;
     }

.barra{
       position: fixed;
    border-radius: 0.7rem;
    background-color: #ed799d; 
    color: white; 
    box-shadow: 7px 10px 39px -8px rgba(0,0,0,0.54);
     width: 100%;
    padding: 1rem;
    z-index: 9999;

    text-align:center;
    margin:0 auto;
    
}

.menuimg{
width:100%;
     }

.menu-links{
margin:0 auto;
     }

.menu-links a{
  text-transform:uppercase;
    font-size:0.8rem;
    font-weight:900;
    color:#fff;
    letter-spacing: 1px;
    padding:0.5rem;
    line-height:100%;
    
     }

.menu-links a:hover{
color:#f7bdce;
    
     }



.logobarra {
    width: 8rem;
     }

.barra{
       position: fixed;
    border-radius: 0.7rem;
    background-color: #ed799d; 
    color: white; 
    box-shadow: 7px 10px 39px -8px rgba(0,0,0,0.54);
     width: 100%;
    padding: 1rem;
    z-index: 9999;
    display:flex;

    
}


.mockup1 {

}


.appboton {text-align: center; margin: 5rem}

.info  {}

.filtro {width: 10%; margin: 5rem}


.download {margin-top: 10rem; margin-bottom: 10rem}
.botonesdescarga {text-align: center}
.googleplay {max-width:10rem; height: auto; margin: 0.5rem}
.appstore {max-width:10rem; height: auto; margin: 0.5rem}


.info, .info-alt {
    text-align: center;
display:flex;
    flex-direction: row;
margin:0 auto;


}

.info img{max-width:80%;
height:auto;}

#landing-morfi{
  max-width:60%; 
    background:Red;
    margin:. auto;
    
}


.info img{


}

.info img{max-width:35rem;}

/* generales */

h1 {
   font-family:  'Merriweather', serif;
    color: #fae018;
    font-size: 1rem;
   
   
    
}

.descargar{
    background-color: #ed799d;
    max-width: 80%;
    margin: 0;
    padding: 0;
    margin-left: 10%;
    border-radius: 0.7rem;
    
}
.tituloque{
    color: #f7bdce;
    background-color: #ed799d;
    padding: 1rem;
    border-radius: 0.7rem;
    max-width: 80%;
    
}
.info h1{
        font-size:2.5rem;
    font-weight:900;
    color:#ed799d;
    text-align:center;
}

.info h2{
        font-size:1rem;
    font-weight:900;
    width:70%;
    margin:0 auto;
    color:#333;
    text-align:center;
    padding:1rem;
}

.info-alt h3{
        font-size:3rem;
    font-weight:900;
    width:100%;
    margin:0 auto;
    color:#333;
    text-align:center;
    padding:1rem;
}

.titulos{
   margin:0 auto;
    padding:2rem;
    
}

.info p{
    font-size:1.1rem;
    font-weight:400;
    padding:0.5rem;
    max-width:70%;
    margin:0 auto;
}
        
#landing{
max-width:80%;
display:flex;
    
}