#Bar1.ShowHide1 #left1 {
    width:200px;
}

.footer-note-r-browser {
    padding: 15px 20px;
    font-size: 90%;
    text-align: center;
    /* background-color: #8a415e; */
    background-color: #80455c;
    color: white;
}
.footer-note-r-browser a {
    color: white;
    font-weight: bold;
    font-style: italic;
}
.footer-note-r-browser a:hover {
    text-decoration: underline;
}

div#off-canvas.mm-menu .mm-btn:after, div#off-canvas.mm-menu .mm-btn:before {
    border-color: #ae1d61;
}


.footer-section-2 {
    padding-bottom: 80px !important;  /* Add padding to the bottom so that the bottom menu will not cover the CityU logo... */
    display: flex;  /* Use auto flow for the child elements */
}

.footer-section-2 .social-icon {
    margin: 1rem;  /* Add margin between the social media icons */
}

.footer-section-2-left {
    display: flex;  /* Use auto flow for the child elements */
    flex: 1 0 auto;  /* Auto expand this container */
    padding-right: 2rem;  /* Add padding between the social media icons and the CityU logo */
    align-items: flex-end; /* Align the child elements to the bottom */
}

.footer-section-2-left img { width: 40px; }

.footer-logo { width:200px; }

@media only screen and (max-width: 768px) {
	.footer-section-2-left img { width: 32px; }
	.footer-logo { width:180px; }
}