* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Trebuchet MS", Tahoma, sans-serif;
}
html {
    scroll-behavior: smooth;
}
.navbar, .dropdown-menu {
    background-color: #42abe3;
    border: none;
}
.navbar .navbar-brand,
.navbar .nav-link,
.navbar-toggler, 
.dropdown-menu a {
    color: #ffffff !important;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #01284f !important;
    background-color: #ffd700;
}
.navbar img {
    height: 100px;
    margin-left: 20%;
}
.navbar .navbar-toggler {
    margin-right: 5%;
}
.navbar .navbar-nav {
    font-size: 1.25rem;
    font-weight: 600;
}
.dropdown-menu .dropdown-item:hover {
    background-color: #ffd700;
    color: #01284f;
}

.hero-drayage {
    background-image: url("drayage_header.jpg");
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    height: 400px;
    color: white;
    text-align: center;
    padding: 60px 20px;
    display: flex;
    align-items: center;
}
.hero-drayage-text {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    width: 100%;
}
.hero-drayage .btn {
    max-width: 300px;
    font-size: 1.25rem;
}
.hero-drayage .btn:hover {
    background-color: #01284f;
    color: #ffffff !important;
    border: none;
}

.hero-fulfillment {
    background-image: url("fulfillment_header.jpg");
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    height: 400px;
    color: white;
    text-align: center;
    padding: 60px 20px;
    display: flex;
    align-items: center;
}
.hero-fulfillment-text {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    width: 100%;
}
.hero-fulfillment .btn {
    max-width: 300px;
    font-size: 1.25rem;
}
.hero-fulfillment .btn:hover {
    background-color: #01284f;
    color: #ffffff !important;
    border: none;
}

.hero-thirdparty {
    background-image: url("thirdparty_header.jpg");
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    height: 400px;
    color: white;
    text-align: center;
    padding: 60px 20px;
    display: flex;
    align-items: center;
}
.hero-thirdparty-text {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    width: 100%;
}
.hero-thirdparty .btn {
    max-width: 300px;
    font-size: 1.25rem;
}
.hero-thirdparty .btn:hover {
    background-color: #01284f;
    color: #ffffff !important;
    border: none;
}

.hero-transload {
    background-image: url("transload_header.jpg");
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    height: 400px;
    color: white;
    text-align: center;
    padding: 60px 20px;
    display: flex;
    align-items: center;
}
.hero-transload-text {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    width: 100%;
}
.hero-transload .btn {
    max-width: 300px;
    font-size: 1.25rem;
}
.hero-transload .btn:hover {
    background-color: #01284f;
    color: #ffffff !important;
    border: none;
}

.hero-transport {
    background-image: url("transportation_header.jpg");
    background-size: cover;
    background-position: center 70%;
    background-repeat: no-repeat;
    height: 400px;
    color: white;
    text-align: center;
    padding: 60px 20px;
    display: flex;
    align-items: center;
}
.hero-transport-text {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    width: 100%;
}
.hero-transport .btn {
    max-width: 300px;
    font-size: 1.25rem;
}
.hero-transport .btn:hover {
    background-color: #01284f;
    color: #ffffff !important;
    border: none;
}

.hero-warehousing {
    background-image: url("warehousing_header.jpg");
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    height: 400px;
    color: white;
    text-align: center;
    padding: 60px 20px;
    display: flex;
    align-items: center;
}
.hero-warehousing-text {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    width: 100%;
}
.hero-warehousing .btn {
    max-width: 300px;
    font-size: 1.25rem;
}
.hero-warehousing .btn:hover {
    background-color: #01284f;
    color: #ffffff !important;
    border: none;
}

.info-section {
    padding: 40px 20px 20px;
    letter-spacing: 1px;
}
.list-group .list-group-item {
    background-color: #f8f9fa;
}
.form-section {
    display: none;
    padding: 40px 20px;
    background-color: #e9ecef;
}
footer {
    background-color: #42abe3;
    color: white;
    padding: 1.15rem 0;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .navbar img {
        height: 75px;
        margin-left: 1%;
    }
}