.page-banner{
    height: clamp(150px, 20vw, 300px);
}

.page-banner img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.breadcrumb {
    padding: 1.5rem 0;
    font-size: 14px;
    color: var(--font-color);
    text-align: left;
    margin-top:2rem;
}
.breadcrumb a {
    color: var(--font-color);
}

.breadcrumb a:hover {
    color: var(--primary-color);
}

.breadcrumb-item{
    display:inline-block;
}
.breadcrumb-item:not(:last-child):after {
    content: "/";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    text-align: center;
}

.page-content{
    padding:2rem 0;
}

h1{
    font-size: 3rem;
}
h2{
    font-size: 2.5rem;
}
h3{
    font-size: 1.5rem;
}
h4{
    font-size: 1.25rem;
}
hr{
    margin: 0 0 20px 0;
    border: 0;
    border-top: 1px solid #e5e5e5;
}

table {
    width: 100%;
    border-collapse: collapse;
}
td{
    padding:0.5rem;
    vertical-align: top;
}

p:first-child{
    margin-top:0;
}
p:last-child{
    margin-bottom:0;
}