:root {
    --primary: #023031;
    --secondary: #079294;
    --light: #F6F7F8;
    --dark: #1A2A36;
}

.body {
    background-color: var(--primary);
    height: 100%;
    width: 100%;
}

/* <!-- \/ IZBRISATI OVO KASNIJE \/ --> */
/*** Topbar ***/
.topbar {
    background-color: white !important;
    display: flex;
    height: 60px;
}
.logo-wrapper {
    padding: 0 !important;
    border: 0 !important;
}
.logo {
    height: 60px;
}
.topbar > .fa {
    color: var(--primary);
}
.topbar > .fab {
    color: var(--primary);
}


/*** Navbar ***/
#navbarCollapse {
    background-color: var(--primary);
}

.navbar .navbar-nav .nav-link {
    padding: 17px 0;
    color: white;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid var(--primary);
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--secondary);
}

.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar a.btn {
    height: 75px;
}

.navbar-toggler:focus {
    box-shadow: unset;
    border: 0;
}

.navbar-brand > img {
    display: none;
    height: 60px;
}
.navbar-brand {
    border-right: 0 !important;
    background: var(--primary);
    margin: 0;
    height: 60px;
}

.shadow-sm > .navbar-brand > img {
    display: block;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.bg-white {
    background-color: var(--primary) !important;
}

@media (max-width: 991.98px) {
    .col-lg-7.px-5 {
        width: 100%;
    }
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        position: absolute;
        border-top: 1px solid #EEEEEE;
        background-color: #023031;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .dropdown-menu {
        background-color: var(--primary) !important;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .dropdown-menu > a {
        background-color: var(--primary) !important;
        color: white;
    }
    .dropdown-menu > a:hover {
        color: var(--secondary);
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

@media (max-width: 1000px) {
    .h-100 > .primary {
        white-space: nowrap;
    }
}
/* <!-- /\ IZBRISATI OVO KASNIJE /\ --> */

/* BODY */
h1, h2, h3, h4, h5, h6, p, li {
    color: white;
}
.title,
.description {
    padding: 80px 50px 100px;
}

.part {
    margin-top: 50px;
}

.block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5%;
}

@media (max-width: 1200px) {
    .block {
        grid-template-columns: 1fr;
    }
}

/* .left {
    padding-bottom: 15px;
}
.right {
    padding-top: 15px;
} */

.part img {
    width: 100%;
    max-width: 600px;
    border: 10px solid var(--secondary);
    box-shadow: 10px 10px 45px rgba(0, 0, 0, .8);
}
.part .img-description {
    padding: 25px 15px;
    font-size: 14px;
    font-style: italic;
    color: var(--secondary);
    min-height: 130px;
}

ul {
    float: left;
    padding-left: 25%;
}

.solo {
    margin-top: 40px;
}