.logo {
	width: 100%;
	max-width: 100px;
}

@media screen and (max-width: 575.9px) {
	#header-two-nav {
		display: none !important;
	}
}

/*back to top*/
/* A round secondary button stacked on the tawk.to chat bubble and centred on it. tawk's desktop bubble is a 64x60 frame at
   right/bottom 20px (centre 52px from the right). On phones tawk's bubble is larger and placed differently, so the button
   is hidden there. */
#back-top {
  display: none;
}
#back-top div {
    position: fixed;
    z-index: 100;
    bottom: 96px;
    right: 30px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #cbd5e6;
    color: #0b163f;
    background: #f4f8fb;
    font-size: 18px;
    box-shadow: 0 4px 14px rgba(11, 22, 63, 0.12);
    transition-duration: 0.3s;
}
#back-top:hover {
  cursor: pointer;
}
#back-top:hover div {
    border-color: #0b163f;
    background: #ffffff;
}
/* !important: style-dp.js fades it in with an inline display. */
@media (max-width: 767.98px) {
    #back-top {
        display: none !important;
    }
}