#header{
background-color: rgb(235, 246, 255);
padding: 10px;
margin-bottom: 50px !important;
}

#site-name{
font: bold 2rem Arial;
margin-top:.5rem;
}

#site-name, nav{
display: inline-block;
}

#site-name{
width: 300px;
white-space: nowrap;
margin-left: 20px;
}

nav{
width: calc(100% - 340px);
text-align: right;
}

nav ul{
  margin-bottom: 0rem !important;
}

nav ul li{
display: inline-block;
margin-left: 10px;
}

nav ul li a{
padding: 10px;
font: bold 1.1rem Arial;
text-decoration: none;
}

#back-to-main a:hover, #back-to-main a:visited{
color:white;
}