body {
    margin: 0;
    font-family:Arial, sans-serif;
    background-color:#f4f4f4;}

.common-navbar {
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    width:100%;
    height:30px;
    background-color:#333;
    padding:1px 15px;
    z-index:1000;}

.site-title {
    font-size:16px;
	font-weight:400;
    color:white;
    text-align:center;
    margin:0;
    flex-grow:1;}

.menu-icon {
    font-size:11px;
	line-height:70%;
    color:white;
    cursor:pointer;
    position:absolute;
    left:35px;}

.common-nav-links {
    display:none;  /* makes menu off on start, 'visible' for on */
    position:absolute;
    top:18px;
    left:0;
    background-color:#333;  /* menu box background */
    width:25%;   /* auto; */
    flex-direction:column;}

.common-nav-links li {
    padding:8px 12px 8px 12px;
    list-style:none;
    text-align:left;}

.common-nav-links a {
    color:white;
    text-decoration:none;
    font-size:16px;
    display:block;}

.common-nav-links a:hover {
    background-color:#555;
	color:yellow;}
	
.house-of-sspub {
	color:yellow;}
	
.house-of-sspub a:hover {
  	color:white;
	background-color:#555;}

/* Show menu when active */
.common-nav-links.active {
    display:flex;}


/* Mobile adjustments */
@media (max-width: 768px) {
   .site-title {
    font-size:15px;}

.common-nav-links {
    width: 80%;
    text-align:left;}
	
.common-nav-links a {
    font-size:18px;}

.common-nav-links li {
   padding:15px;}

.menu-icon {
    font-size:17px;
	line-height:70%;}
}