.control-menu {
    /*background-color: transparent;*/
    /*background-position: center center;*/
    /*border: 1px solid #fff;*/
    display: block;
    /*float: right;*/
    padding-bottom: 0rem;
    /*margin-right: 1.3em;*/
    /*width: 100%;*/
    display: flex;
}
/*.control-menu a span {
    display: inline-block;
    height: 40px;
    text-indent: -9999px;
    width: 40px;
}*/


/*.control-menu .close {
    background-image: url("img/close-menu.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}
.control-menu .open {
    background-image: url("img/open-menu.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
}*/

ul.nav-items {
    clear: both;
    height: 0;
    overflow: hidden;
    transition: height 250ms ease-in-out 0s,
                background-color .5s ease-in-out;
                /*El menú cambia su altura y su color de fondo mediante
                una transición suavizada al voover a su estado unicial*/            
}


.nav-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0rem 0;
}


.nav-items li a{
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: .2rem;
    width: 100%;
    padding: .2rem 0;
}

.nav-items li{
    border-bottom:  solid 1px rgba(255, 255, 255, .15);
}

.nav-items li:nth-last-child(1){
    border:none;
}


nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}


#navigation:target ul.nav-items {
    /*background: #f0f0f0 none repeat scroll 0 0;*/
    height: 27em;
    transition: height 250ms ease-in-out 0s,
                background-color .5s ease-in-out;
                /*El menú cambia su altura y su color de fondo
                mediante una transición suavizada al abrirse*/        
}


/*Al hacer clic sobre el enlace que abre el menú éste desaparece*/

.close { 
   display:none;
}
        
#navigation:target .open {
      display: none;
}

/* Al hacer clic sobre el enlace que abre el menú aparece el enlace .close que previamente estaba oculto*/

#navigation:target .close {
        display: block;
}