.principal .logo{width: 500px; height: 110px; margin-left: -250px; margin-top: -55px; background-size: 100%}
.principal .arrow{width: 80px; height: 74px; margin-left: -40px; margin-top: -37px; background-size: 100%; bottom: 20px}

.quienes {height: 1020px}
.quienes .wrapp{width: 100%}
.quienes .wrapp .titulo {width: 500px; height: 76px; margin:auto; background-size: 100%}
.quienes .wrapp .grilla{width: 352px; height: auto; margin-bottom: 30px; height: 530px}
.quienes .wrapp .grilla .diseno{position: relative; left: 0px; top: 0px; margin: auto; float: left}
.quienes .wrapp .grilla .estrategia{position: relative; left: 0px; top: 0px; margin: auto; float: left}
.quienes .wrapp .grilla .analisis{position: relative; left: 0px; top: 0px; margin: auto; float: left}
.quienes .wrapp .grilla .prensa{position: relative; left: 0px; top: 0px; margin: auto; float: left}
.quienes .wrapp .grilla .coaching{position: relative; left: 0px; top: 0px; margin: auto; float: left}
.quienes .wrapp .slogan{width: 500px; margin: auto; clear: both;}
.quienes .wrapp .contactoBtn{margin: auto auto 30px}
.quienes .arrow{width: 80px; height: 74px; margin-left: -40px; margin-top: -37px; background-size: 100%; bottom: 20px}

.contacto{height: 1160px}
.contacto .wrapp{width: 100%}
.contacto .wrapp .titulo {width: 500px; height: 80px; margin: auto; background-size: 100%}
.contacto .wrapp .info{width: 500px; margin: auto; left: 50px}
.contacto .wrapp .data{margin: auto; left: 0px; height: 0px}
.contacto .wrapp .data .form{width: 384px; float: none; margin: auto auto 30px}
.contacto .wrapp .data .mapa{width: 450px; float: none; margin: auto}
.contacto .wrapp .data .mapa iframe{width: 450px;}
.contacto .arrow{width: 80px; height: 68px; margin-left: -40px; margin-top: -37px; background-size: 100%; bottom: 20px}