.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.text-shadow {
    text-shadow: 2px 2px #000000;
}

.icat-text-black {
    color: black;
}

.icat-banner {
    margin-top: -80px;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../images/sarajevo.jpg");
}

.icat-banner-old {
    margin-top: -80px;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url("../images/icat_banner_background.jpg");
}

.icat-banner-text {
    padding-top: 80px;
}
.icat-menu {
    background-color: black;
    opacity: 0.8;
    z-index: 90;
    color: white;
}
.nav-item {
    background-color: black;
    color: white;
}

.nav-item > a {
    background-color: black;
    color: white;
}
.nav-item > a:hover {
    background-color: white;
    color: black;
}

.dropdown-menu-black  {
    background-color: black;
    color: white;
}
.dropdown-menu-black > a {
    background-color: black;
    color: white;
}
.dropdown-menu-black > a:hover {
    background-color: white;
    color: black;
}

/* Existing styles from your CSS file above... */

/* Add this class at the end or anywhere in your CSS file */
.content-wrapper {
  max-width: 1050px;
  margin: 0 auto;
}