.top-nav {
    background-color: white;
   border-bottom: 1px solid #e5e7eb;
}

.main-nav {
   background-color: #0066b3; 
}

.search-button {
    background-color: #0066b3;
}

.footer {
    background-color: #e5e7eb; 
}

.social-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 4px;
}

.instagram {
    background-color: #E1306C;
}

.twitter {
    background-color: #1DA1F2;
}

.youtube {
    background-color: #FF0000;
}

.container-custom {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

@media (min-width: 768px) {
    .container-custom {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1024px) {
    .container-custom {
        padding-left: 125px;
        padding-right: 125px;
    }
}

.mobile-menu {
    display: none;
}

.mobile-menu.active {
    display: block;
}

@media(max-width: 786px) {
    #mainMenu a {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }
}