.wrapper > header{
    background-color: #001722;
    padding: 20px 30px;
    color:#fff;
    position: relative;
    z-index:999;
}

.site-title{
    height: 50px;
    margin: 0 auto;
}

.nav-toggle{
    position: absolute;
    top: 30px;
    cursor: pointer;
    font-size: 30px;
}

a {
    color:#fff;
    text-decoration: none;
}

nav li{
    list-style-type: none;
}

.main-navegation{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color: #001722;
    text-align: center;
    transform: translateX(-100%);
	-webkit-transform:translateX(-100%);
    transition: all .6s ease;
	-webkit-transition: all .6s ease;
}

.main-navegation.open{
    transform: translateX(0);
	-webkit-transform:translateX(0);
}

.main-navegation .nav-toggle{
    right:5%;
    top:12px;
}

.main-navegation ul{
    margin:0;
    padding: 40px 20px;
}

.main-navegation ul a{
    padding: 10px 20px;
    display: block;
}

.main-navegation ul a:hover, .main-navegation ul a:focus{
    color:#fff;
    background-color: rgba(175,175,175,.1);;
}

.wrapper{
    transform: translateX(0);
	-webkit-transform:translateX(0);
    transition: all .6s ease;
	-webkit-transition: all .6s ease;
}

.wrapper.open{
    transform: translateX(100%);
	-webkit-transform:translateX(100%);
}

.language-fixed{
    font-family: 'flamabold', helvetica, sans-serif;
    position: fixed;
    top:0;
    right:0;
    text-align: center;
}

.language-fixed ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.language-fixed ul li{
    list-style-type: none;
}

.language-fixed ul li a{
    display: block;
    height: 45px;
    width: 45px;
    background-color: #001722;
    line-height: 45px;
}

.language-fixed ul li a.active, .language-fixed ul li a:hover,  .language-fixed ul li a:focus{
    background-color: rgba(255,255,255,1);
    color: #001722;
    outline: 0;
}