#nav-container{max-width:100%;background-color:var(--primary-colour);height:3rem;display:flex;align-items:center;padding:1rem;justify-content:space-between;border-bottom:1px var(--secondary-colour) solid}#nav-container a{text-decoration:none}#logo-container{align-items:baseline;cursor:pointer;max-width:450px;justify-content:left;display:flex;white-space:nowrap}.logo{font-size:2rem;color:var(--text-colour);margin:.5rem}#logo-text{margin-left:0rem;text-decoration:none;text-transform:uppercase}.nav-links,.social-links{display:flex;max-width:450px}.nav-links{justify-content:center}.social-links{justify-content:right;align-items:center}.nav-link{color:var(--text-colour);margin:0 1rem;cursor:pointer;font-size:1.1rem}.nav-link:hover,#dropdown-button:hover{color:var(--text-hover-colour)}.social-links a{font-size:1.3rem}.link-container,#droppable{display:flex;justify-content:space-between}#dropdown-button{font-size:1.5rem;border:none;outline:none;margin:0 8px 0 0;cursor:pointer;display:none}@media (max-width: 1050px){#dropdown-button{display:block}#droppable{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;border:1px #e0e0e0 solid;border-radius:5px;right:12px;top:60px}#droppable.show{display:block}#droppable .nav-links a{display:block;padding:10px 5px;border-bottom:1px #e0e0e0 solid;text-align:center}#droppable .social-links{min-height:60px}.nav-links{display:block;width:100%}}@media (max-width: 500px){.logo{font-size:1.5rem}}