* {
    box-sizing: border-box;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}
.navbar {
    position: sticky;
    top: 0;
    z-index: 100;
    margin: 0;
    padding: 0;
}
.navbar a img {
    height: 100px;
}
.nav-item {
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 1rem;
}
.navbar .nav-link:hover {
    color: #1e3a8a !important;
    background-color: #ffcc33;
    transition: 0.5s ease;
} 

.custom-header-drayage {
    position: relative;
    background: url("drayage_header.jpg") center / cover no-repeat;
    height: 350px;
    display: flex;
    align-items: center; 
}
.custom-header-drayage::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(30, 59, 138, 0.45);
    z-index: 1;
}
.custom-header-drayage .container {
    position: relative;
    z-index: 2;
}
.custom-header-drayage .lead {
    color: #ffcc33 !important;
    font-weight: 600;
}

.custom-header-fulfillment {
    position: relative;
    background: url("fulfillment_header.jpg") center / cover no-repeat;
    height: 350px;
    display: flex;
    align-items: center; 
}
.custom-header-fulfillment::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(30, 59, 138, 0.45);
    z-index: 1;
}
.custom-header-fulfillment .container {
    position: relative;
    z-index: 2;
}
.custom-header-fulfillment .lead {
    color: #ffcc33 !important;
    font-weight: 600;
} 

.custom-header-logistics {
    position: relative;
    background: url("logistics_header.jpg") center / cover no-repeat;
    height: 350px;
    display: flex;
    align-items: center; 
}
.custom-header-logistics::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(30, 59, 138, 0.45);
    z-index: 1;
}
.custom-header-logistics .container {
    position: relative;
    z-index: 2;
}
.custom-header-logistics .lead {
    color: #ffcc33 !important;
    font-weight: 600;
} 

.custom-header-transload {
    position: relative;
    background: url("warehousing_header.jpg") center 40% / cover no-repeat;
    height: 350px;
    display: flex;
    align-items: center; 
}
.custom-header-transload::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(30, 59, 138, 0.45);
    z-index: 1;
}
.custom-header-transload .container {
    position: relative;
    z-index: 2;
}
.custom-header-transload .lead {
    color: #ffcc33 !important;
    font-weight: 600;
} 

.custom-header-transport {
    position: relative;
    background: url("transportation_header.jpg") center / cover no-repeat;
    height: 350px;
    display: flex;
    align-items: center; 
}
.custom-header-transport::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(30, 59, 138, 0.45);
    z-index: 1;
}
.custom-header-transport .container {
    position: relative;
    z-index: 2;
}
.custom-header-transport .lead {
    color: #ffcc33 !important;
    font-weight: 600;
}

.custom-header-warehousing {
    position: relative;
    background: url("warehousing_header.jpg") center 40% / cover no-repeat;
    height: 350px;
    display: flex;
    align-items: center; 
}
.custom-header-warehousing::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(30, 59, 138, 0.45);
    z-index: 1;
}
.custom-header-warehousing .container {
    position: relative;
    z-index: 2;
}
.custom-header-warehousing .lead {
    color: #ffcc33 !important;
    font-weight: 600;
} 

.custom-content h2 {
    text-align: center;
}
#contact {
    background-color: #E0F0FF; 
}
.btn:hover {
    background-color: #ffcc33;
    color: #1e3a8a;
}

@media screen and (max-width: 1080px) {
    .navbar .nav-link:hover {
        padding-left: 1rem;
    }
}