header
{
  font-size: 150%;
  position: fixed;
  left: calc(100% - 250px);
  width: auto;
}
header a, #menu a
{
  color: #fff;
  text-decoration: none;
}
#logo a
{
  background-color: #fff;
  margin: 5px;
  padding: 7px;
  width: 250px;
}
#logo a, #phone a
{  
  display: block;
}
#logo a img
{
  width: 250px;
}
#phone a
{
  margin: 10px;
}
#menu
{
  background-color: #ccc;
  background: linear-gradient(to left, rgba(30,87,153,0), rgba(38,149,252,0.5));
  font-size: 105%;
  height: 100%;
  position: fixed;
  left: 0;
  width: 30px;
}
#menu ul li
{
  border: none;
  display: block;
  list-style-type: none;
  padding: 7px;
  margin-top: 10px;
  text-decoration: none;
  width: 125px;
}
#menu > nav > ul > li > a
{
  text-shadow: 0 0 5px #000;
}
#menu nav ul li:hover a
{
  color: #1f79cc;
}
@media (max-width: 550px) {
  #logo{
    display: none;
  }
  
}