Alineación con Flexbox

[sergi_multimedia]

Hola a tod@s, estoy realizando una web con Flexbox, y me gustaria mover un elemento. Os cuento.

Si visitais la web http://sergibeltran.com/projects/sergi2/ (Mirar en Chrome, aun no he añadido prefijos) vereis que a la derecha hay una imagen donde sale un iPad y un iPhone. A la izquierda un apartado donde hay escrito I made, y más abajo hay otro elemento que pone Tags.

Bien, a mi me gustaría que Tags estuviera justo debajo de I made. Pero me es imposible, I made ocupa el mismo alto que la imagen. En el inspector de Chrome he cambiado el alto de Tags a una altura inferior (200px), pero el elemento tags sigue sin subir.

Este es el código:

Código HTML:

<section class="wrapper">
    <section class="logo-name">
        <div class="logo"><img src="img/fustot/fustot-icon.png"></div>
        <h2>Fustot</h2>
    </section>
    <div class="work"><img src="img/fustot/fustot.jpg"></div>
    <section class="made">
        <span>I made:</span>
        <ul>
            <li><i class="icon-edit"></i><span>Design</span></li>
            <li><i class="icon-code"></i><span>Development</span></li>
        </ul>
    </section>
    <section class="tags">
        <span>Tags:</span>
        <ul>
            <li>Wordpress</li>
            <li>HTML5</li>
            <li>Jquery</li>
            <li>Responsive</li>
            <li>CSS3</li>
            <li>PayPal</li>
        </ul>
    </section>
    <a class="visit" href="#">Visit the website</a>         
</section>
 

Código CSS:

.wrapper{
    display: flex;
    flex-wrap: wrap;
    .logo-name{
        width: 100%;                
        .logo{
            flex: 3;
            padding: .5em 0 0 .5em; 
            img{
                border: 1px solid #eee;
            }
        }
        h2{
            flex: 8;
            padding: 0 0 0 .5em;
            font-size: 2rem;
        }
    }
    .work{
        width: 50%;
        order: 2;
    }
    .made{
        width: 50%;
        order: 1;
        ul{
            li{
                border-bottom: 1px dashed #eee;
                padding: .5em 0;
                display: flex;
                flex-direction: row;
                box-orient: horizontal;
                align-items: center;
                    i{
                    font-size: 2rem;
                    padding: 0 0 0 1em;
                }
                span{
                    padding: 0 0 0 1em;
                }
            }
            li:last-of-type{
                border-bottom: none;
            }
        }
    }
    .tags{
        width: 50%;
        order: 3;
        ul{
            display: flex;
            flex-wrap: wrap;
            margin: .5em 0 0 0;
            li{
                background-color: #eee;
                padding: 0 .7em;
                font-size: .85rem;
                margin: 0 .5em .5em 0;
                }
            }
        }
        .visit {
            width: 100%;
            order: 4;
            padding: .5em;
            text-align: center;
            color: #7e0822;
        }
    }
 

Gracias de antemano, saludos!