@media screen and (max-width: 531px) {
    .container { display: flex; flex-flow: column; }
    .nr1  { order: 3; }
    .nr2  { order: 2; }
    .nr3  { order: 1 }
}

.redtext  {
    color: #d7181f;
    font-size: 2.1rem;
}
.bigger  {
    font-size: 1.7rem;
}

.extrawidepadding {
    padding-top: 35px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 35px;
}
.greyuppercase {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-size: 1.45rem;
    font-style: normal;
    line-height: 2.25rem;
    text-transform: uppercase !important;
    color: #868789 !important;
}

@media screen and (min-width: 900px) {
  .redoutline  {
    border: 5px solid #d7181f;
}
}

.logoflex { 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

ul {
    list-style-type: none;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #d7181f;
    --bs-btn-border-color: #d7181f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #af0d13;
    --bs-btn-hover-border-color: #af0d13;
    --bs-btn-focus-shadow-rgb: 255, 208, 38;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #af0d13;
    --bs-btn-active-border-color: #af0d13;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
}

a 
{
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    text-decoration: none;
    color: #000000;
}
a:hover {
    color: #d7181f;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {

    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    line-height: 1.2;
}
body {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
}
.text-muted {
    color: #000000;
}
.page-section h3.section-subheading, .page-section .section-subheading.h3 {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
}
#portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
}
#mainNav.navbar-shrink {
    background-color: #000000;
}
#mainNav .navbar-toggler {
    padding: 0.75rem;
    font-size: 0.75rem;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    outline: 0;
    color: #ffffff;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #d7181f;
}
#mainNav .navbar-nav .nav-item .nav-link {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 0.75rem;
    color: #fff;
    letter-spacing: 0.0225em;
}
.footer {
    color: #000000;
    text-align: center;
    font-size: 0.9rem;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
}
.link-dark {
    color: #000000 !important;
}
.link-dark:hover {
    color: #d7181f !important;
}