.dropdown {
        position: relative;
        display: inline-block;
      }
  
     .dropbtn {
		width:75px;
		top:0;
		position:fixed;
		height:40px; 
		background-color: rgba(74, 113, 148, 0.9);
 	    color: white;
 	    font-size: 16px;
 	    border: none;
  	    cursor: pointer;
		display:inline-block;
      }
  
	.hamburger {
		width: 21px;
		height:auto;
		margin:auto;
		margin-top:4px;
	}
	
     .dropdown-content {
		top:41px;
		left:-400px;
		transition:left 0.2s ease-out;
		/*display: none;*/
        position: fixed;
        background-color: rgba(74, 113, 148, 0.9);
        min-width: 160px;
		padding-right:10px;
		padding-left:8px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
  
      .dropdown-content a {
        color: white;
        padding: 6px 6px;
        text-decoration: none;
        display: block;
      }
	  
      .dropdown-content a:hover {
        background-color: rgba(142, 182, 216, 0.5);
      }
  
      .dropdown:hover .dropdown-content {
      /*display: block;*/
		  left:2px;
		  transition:left 0.3s ease-in;
		
      }
		
	
	.menu-ref {
		font-size: calc(0.9rem  + 0.390625vw);
		letter-spacing: 0.2rem;
}
	  /*page title bar */
	.title-bar {
		top:0;
		left:120px;
		position:fixed;
		width:100%;
		padding-left:15px;
		padding-top:6px;
		height:34px;/*making total height 40px*/
		background:rgba(74, 113, 148, 0.9);
		font-size: calc(1.7rem + 0.390625vw);
		font-weight: bold;
		color:white;
	}

	.logo {
		width: 46px;
		height: auto;
	} 

	.logo-div {
		top:0;
		left:75px;
		width:contents;
		position:fixed;
		display:inline-block;
		z-index:2;
	}
	
	
/* Small (phones) */
@media screen and (min-device-width:300px) and (max-device-width:590px) {
	.logo-div {
		left:50px;
	}
	
	.title-bar {
		left:90px;
		font-size: calc(1.3rem);
	}
	
	.dropbtn {
		width:50px;
	}
}