nav 
{
    width: 100%; 
    height: 62px;
    background-color: rgb(255,255,255,0.9);
}

nav a 
{
    display: block;
    float: left;
    font-family: sans-serif;
    font-size: 21px;
    color: #17365D;
    background-color: rgb(255,255,255,0.9);
    padding: 15px;
    text-decoration: none; 
}
nav a:hover 
{

}

nav>a.right
{
    display: block;
    float: right;
    font-family: SuezOne;
    font-size: 30px;
    font-weight:bolder;
    color: #17365D;
    background-color: rgb(255,255,255,0.9);
    padding: 15px;
    text-decoration: none; 
}

#logo 
{
  font-family: 'Times New Roman';
  font-size: 30px;
  letter-spacing: -2px;
  text-shadow: 1px 1px 2px #c4c4c4;
  padding: 8px;
  margin-right: 0px;
  margin-top: 0px;
}

@media (max-width: 900px)
{
    #logo{
        text-align:middle;
    }
    nav>a.right{
        display:none;
    }
}