#cabecera{min-height:500px;background-size:cover;background-position:center;position:relative}#cabecera .flotanteCabecera{color:#fff;position:absolute;top:30%;left:0;text-align:center;width:100%}#cabecera .btn-tienda-cabecera{color:#fff;border:1px solid #fff;text-align:center;display:inline-block;margin:15px;font-size:18px;text-decoration:none;padding:5px 10px;border-radius:3px;transition:0.4s ease-in-out}#cabecera .btn-tienda-cabecera:hover{background:#fff;color:#012169}.blank{display:block;width:100%;height:80px}.blank.small{height:40px}.blank.big{height:100px}.row{margin:50px auto;width:100%;padding:20px 50px;box-sizing:border-box;z-index:2;position:relative}.row.flex{display:flex;justify-content:space-around;flex-direction:row}.row.blue{color:#fff;background:#012169}.row.iphone{z-index:1;min-height:300px}.row.iphone h3,.row.iphone h4{width:80%;display:inline-block}.row.iphone h3.big{font-size:35px}.row.iphone h4{margin:0;font-size:15px;font-weight:normal}.row.iphone img.iphoneright{width:15%;position:absolute;bottom:-190px;right:50px}.row .cols{display:flex;justify-content:space-around;flex-direction:row}.row .cols .col{width:20%;text-align:justify}.row .cols .col img{width:40%;margin:0 auto;display:block}.row .cols .col p.title{text-align:center;font-size:18px;font-weight:bold;margin:0}.row .cols .col p.normal{font-size:15px}.row.pasos .cols .col img{width:25%}.row.nomargin{margin:0}.row p.inline{font-size:16px;text-align:center}.row p.inline img.small{width:100px;vertical-align:middle}.row.center{display:block;text-align:center}.row .logos{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap}.row .logos img{width:155px;margin:10px;align-self:center}.row .logos img.cruan{width:80px}.row .logos img.demax{width:90px}#map{width:100%;height:300px;margin-bottom:-5px}#contacto h3{font-size:30px;font-weight:normal;margin-bottom:0}#contacto #contactoHome{width:500px;margin:0 auto}#contacto #contactoHome input,#contacto #contactoHome textarea{display:block;margin:10px 0;width:100%;resize:none;box-sizing:border-box;padding:8px;font-size:18px;border-radius:4px;border:none;font-family:'Noto Sans', sans-serif}#contacto #btnForm{color:#fff;background:transparent;border:1px solid #fff;border-radius:3px;font-size:18px;width:500px;padding:10px;transition:0.4s ease-in-out;cursor:pointer}#contacto #btnForm:hover{background:#fff;color:#012169}@media screen and (max-width: 1000px){.row.flex{padding:20px 0px}.row .cols .col{width:25%}}@media screen and (max-width: 850px){.row .cols .col{width:25%}.row.pasos .cols{flex-wrap:wrap}.row.pasos .cols .col{width:35%;margin:20px 0}.row.pasos .cols .col p.title{font-size:15px}.row.pasos .cols .col p.normal{font-size:13px}}@media screen and (max-width: 700px){.row.flex{padding:20px 0px}.row.flex .cols .col{width:30%}.row.flex .cols .col p.title{font-size:15px}.row.flex .cols .col p.normal{font-size:12px}.row .logos{justify-content:center}.row .logos img{width:90px;margin:10px;align-self:center}}@media screen and (max-width: 660px){#cabecera .flotanteCabecera h1{font-size:24px}#cabecera .flotanteCabecera h2{font-size:18px}#cabecera .flotanteCabecera a.btn-tienda-cabecera{font-size:14px}#contacto #contactoHome{width:90%}#contacto #btnForm{width:90%}}@media screen and (max-width: 550px){.row{margin:0 auto;padding:20px}.row.flex{display:flex;justify-content:space-around;flex-direction:column;margin:0}.row.flex .cols{flex-direction:column}.row.flex .cols .col{width:100%;padding:0 50px;box-sizing:border-box;margin-bottom:60px;text-align:center}.row.flex .cols .col:last-child{margin-bottom:0}.row.flex .cols .col p.title{font-size:20px}.row.flex .cols .col p.normal{font-size:15px}.row.iphone{text-align:center}.row.iphone h3.big{font-size:22px}.row.iphone img.iphoneright{width:50%;position:static;display:block;margin:20px auto;margin-bottom:-170px}.row.pasos .cols .col{width:100%;text-align:center}.row.pasos .cols .col p.title{font-size:17px}.row.pasos .cols .col p.normal{font-size:15px}.row p.inline{text-align:left}.row p.inline img.small{float:left;margin-right:10px}.blank{display:none}}@media screen and (max-width: 450px){#cabecera{min-height:400px}#cabecera .flotanteCabecera{top:25%;left:5%;text-align:center;width:90%}#contacto #contactoHome input,#contacto #contactoHome textarea{padding:4px 8px;font-size:14px}}.row.flex.catalogos{display:flex;justify-content:flex-start;flex-direction:row;padding:20px 20%}.row.flex.catalogos a{color:#000;text-decoration:none}.row.flex.catalogos .catalogo img{width:100px;display:block;margin-bottom:10px}
