:root {
  --mn-blue-0: #1e90ff;
  --mn-blue-1: #CCDDFF;
  --mn-blue-2: #153e90;
}

.mn-background-0{ background: var(--mn-blue-0); }
.mn-background-1{ background: var(--mn-blue-1); }
.mn-background-2{ background: var(--mn-blue-2); }

.mn-border-0{ border-color: var(--mn-blue-0); }
.mn-border-1{ border-color: var(--mn-blue-1); }
.mn-border-2{ border-color: var(--mn-blue-2); }

@media (min-width: 1600px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1420px;
  }
}

body {
    display: grid;
    grid-template-columns: 1fr; 
    grid-template-rows: auto auto 1fr auto;
}


header {
    grid-row: 1;
}

nav {
    grid-row: 2;
}

main{
    grid-row: 3;
}

footer{
    grid-row: 4;
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important;
}

.rounded-bottom-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important;
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
}