*{margin:0;padding:0; box-sizing:border-box}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');

/*para celular*/
@media(min-width:15rem){
nav{text-align: center; padding: 0.5rem 0.5rem 2rem 0.5rem;width: 100%;}
nav ul li {list-style-type: none; display: inline-block;width: 10%;margin: 0% 3% 0% 3%}
nav ul li a{text-decoration: none; color: #FF5A5F; font-weight: 500; padding: 15% 30% 15% 30%;display: inline-block;background: #fff;border-radius: 1rem;}
nav ul li a:hover{ color: #fff;background:#FF5A5F} 
a {text-decoration: none}
h1{padding: 1rem 3rem 0rem 3rem;width: 100%;text-align: center;}
h1 a{color:#FF5A5F;font-size:4rem;text-align: left; background-image:url(img/bg.jpg);background-position: center}
    
body{background-image: url(img/backg.jpg); font-family: 'Roboto', sans-serif;}
div{max-width: 80rem;margin: auto;}
header{text-align: left ;width:100%; padding: 1rem 1rem 0rem 0rem;display: flex;flex-wrap:wrap;align-content: space-between;}
h3{color: #fff; font-family: 'Roboto', sans-serif;font-weight: 300;letter-spacing: 7px;}
.faduviaja{font-size:30px;margin: 0rem 2rem 1rem;text-align: center;width: 100%}
h2{font-family:'Roboto', sans-serif;font-weight: 300; margin: 1rem 0rem 0rem 2rem; font-size: 20px; letter-spacing: 1px;color:#fff;}


.primeraseccion{display: flex;flex-wrap: wrap;justify-content: space-between;color:#fff;height: 24rem;background-color: #2f2f2f;margin: 0rem 2rem;border-radius:1rem;}


.llamado {width: 40%;}


.img_iphone {display: flex;flex-wrap: wrap;justify-content: space-between;color:#fff;height: 24rem;background-color: #2f2f2f;margin: 0rem 2rem;border-radius:1rem;}


    .segundaseccion{display: flex;flex-wrap: wrap;align-content:space-around;padding:2rem;text-align:center; font-family: 'Roboto', sans-serif;font-weight: 300;}
    .segundaseccion i{color: #FF5A5F;text-align: center;width: 100%}
    .segundaseccion h2{font-weight: 800;color: #fff;font-size: 2rem}
    article p {margin: 2% 25% 5% 25%; text-align: center; font-size: 1.5rem;width: 50%}
    .descarga{display: flex;flex-wrap: wrap;align-content:space-around;background:#2f2f2f;padding:2rem 1rem 2rem 1rem}
    .segundaseccion article{width: 96%;margin: 2%; background:#2f2f2f;border-radius:1rem;padding:1rem; color: #fff}
    .porque{width:100%}
    .obten{width:100%;}
    footer{margin:3rem 1rem 1rem 1rem;font-size:0.75rem;color:#ccc;font-weight:300}
    img{padding:1rem 0rem 1rem 1rem}
    i{font-size:4rem;align-items: center;padding:2rem; color: #898989}
.elegifaduviaja{font-size:4rem;font-family: 'Roboto', sans-serif;font-weight: 900;margin: 1rem 2rem 2rem;color: #FF5A5F}

.contendor {
    max-width: 80rem;
    margin: auto;
}

.video {display: flex;flex-wrap: wrap;justify-content: space-between;color:#fff;background-color: #2f2f2f;border-radius:1rem;width: 90%;margin: 0% 5% 5% 5% ; }
.video{align-content: center;display: flex;flex-wrap: wrap;justify-content: space-between;}
.mimapa { width: 90%; height: 20rem; margin-left: 5%; margin-right: 5%;}

    header{text-align:left}
    .primeraseccion{text-align:left;background-image: url(img/11111111.png);}
    .segundaseccion{text-align:left;}
    
    
}

/* mayor a 55rem compu*/
@media(min-width:55rem){
    h1{font-size: 2rem}
    .segundaseccion p{text-align:center; width: 60%; font-size: 1rem}
    .segundaseccion article{width: 30%;margin: 1%; background:#2f2f2f;border-radius:1rem;padding:1rem; color: #fff;}
}