Hola quisiera que los rectangulos http://imgur.com/a/16txf estén más juntos pero no logro hacerlo. os dejo aquí el código:

Código CSS :

.icon {
     position: absolute;
     top:28%;
     left: 5%;
     transform: translate(-50%, -50%);
     width: 40px;
     height: 40px;
     cursor: pointer;
}

.hamburger {
    width:30px;
    height:6px;
    background:#003d62;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    transition:.5s;
}

.hamburger:before,
.hamburger:after {
    content: '';
    position: absolute;
    width:30px;
    height: 6px;
    background:#003d62;
    box-shadow:0 2px 5px rgba(0,0,0,.2);
    transition:.5s;
}


este código es el básico hay más pero no creo que se necesite para ese cambio.