@font-face {
    font-family: 'Manrope';
    font-style: normal;
    src: url('../fonts/Manrope-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope Bold';
    font-style: normal;
    src: url('../fonts/Manrope-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Manrope Extrabold';
    font-style: normal;
    src: url('../fonts/Manrope-Extrabold.woff2') format('woff2');
}

html {
    font-size: 16px;
}
body {
    font-family: 'Manrope',sans-serif !important;
}
header, footer {
    background-color: #0F2035;
}
*,*:before,*:after {
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased; 
}

.content-background .full-height-page {
    min-height: calc(100vh - 200px);
}

.query-category-spacer {
    padding-top: 1.75rem;
}
.query-category {
    border-bottom: solid 1px #001E60;
    margin-bottom: 2.125rem;
}
.query-category span {
    display: inline-block;
    padding-bottom: .75rem;
    padding-top: 1rem;
}
.query-category .links {
    padding-top: 2.75rem;
}
.query-category a:hover {
    font-family: 'Manrope Bold';
}
.query-category a {
    display: inline-block;
    float: right;
    min-width: 90px;
    font-size: .875rem;
    text-align: right;
    color: #001E60;
    padding-left: 3.75rem;
    box-sizing: content-box;
    outline: none;
}
.page-name {
    font-family: 'Manrope Extrabold', sans-serif;
    color: #0F2035;
    font-size: 2.25rem;
}
.with-box-shadow {
    box-shadow: 8px 8px 10px -2px rgba(0, 30, 96, 0.15);
}
main {
    background-color: #f8f8ff;
}
.main {
    text-align: left;
    min-height: calc(100vh - 200px);
    overflow: hidden;
    margin: 0 auto;
    padding-top: 6.25rem;
}
.navbar-brand {
    padding-top: 15px;
    padding-bottom: 21px;
}
.navbar-brand .logo {
    background-image: url("../images/utilimarc-logo.svg");
    background-size: 100% 100%;
    width: 170px;
    height: 48px;
    float: left;
    margin: 0;
}
.fixed-top {
    background-color: #0F2035;
    padding-right: 1.25rem;
}
footer {
    padding: 2.375rem 0;
    cursor: default;
}
footer * {
    color: #CAD9FF;
}
footer a:hover {
    text-decoration: none;
}

@media (min-width: 1400px) {
    .container{
        max-width: 1430px;
    }
}
@media (max-width: 767.98px) {
    footer {
        padding: 1.6rem 0;
    }
}