<nav>
        <a href="#">INICIO</a>
        <a href="#">SERVICIOS</a>
        <a href="#">PROYECTOS</a>
        <a href="#">CONTACTOS</a>

      </nav>
      </div>

<section class="contenido weapper">

body{
    background: #fffffa;


}

header{
    width: 100%;
    overflow: :hidden;
    background: #252932;
    margin-bottom: 20px;


}

.weapper{
    width: 90%;
    max-height: 160px;
    margin:auto;
    overflow:hidden;
}

header .logo{
    color: #f2f2f2;
    font-size: 50px;
    line-height: 200px;
    float: left;
}

header nav{
    float: right;
    line-height: 200px;
}

header nav a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    line-height:normal;
    font-size: 20px;
    font-weight: bold;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

header nav a:hover{
    background: #f56f3A;
    border-radius: 50px;
}

}