.fill-em {
    background-color: #bf3027;
    color: #ffffff;
}

* {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    /* font-weight: <weight> */
    font-style: normal;
    /* font-variation-settings: "slnt" 0; */
}

#second-nav {
    /* box-shadow: 0px -5px 0px 0px rgba(204,204,204,0.4), 0px 3px 0px 0px rgba(204,204,204,0.3); */
    padding: 0px;
    border-image: linear-gradient(#000000, #cccccc) 30;
    border-width: 4px;
    border-style: solid;
}

.nav-item {
border: none;
outline: none;
padding: 10px 16px;   
background-color: #ffffff;
cursor: pointer;
padding:2px;

}
.nav-link {
    color: #000000;
font-weight: 600;
}

.vl {
border-left: 6px solid grey;
height: 20px;
}

.no-padding {
    padding:0px;
}

.floating-box {
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #555555;
    box-shadow: 4px 3px 7px 0px #555555;
}

.primary-button {
    text-align: center;

    background-color: #bf3027;
    color: #ffffff;
    border: #000000 solid 2px;
    padding: 4px;
}

.col-right-align { margin-left: auto; }
.col-left-align { margin-right: auto; }
.col-center-align { margin: auto; }