/*!
 * Grid provided by:
 * Bootstrap Grid v4.0.0 (https:getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.row {
  display: flex;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.display-none {
  display: none !important;
}

.display-inline {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-block {
  display: block !important;
}

.display-table {
  display: table !important;
}

.display-table-row {
  display: table-row !important;
}

.display-table-cell {
  display: table-cell !important;
}

.display-flex {
  display: flex !important;
}

.display-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 768px) {
  .display-sm-none {
    display: none !important;
  }
  .display-sm-inline {
    display: inline !important;
  }
  .display-sm-inline-block {
    display: inline-block !important;
  }
  .display-sm-block {
    display: block !important;
  }
  .display-sm-table {
    display: table !important;
  }
  .display-sm-table-row {
    display: table-row !important;
  }
  .display-sm-table-cell {
    display: table-cell !important;
  }
  .display-sm-flex {
    display: flex !important;
  }
  .display-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .display-md-none {
    display: none !important;
  }
  .display-md-inline {
    display: inline !important;
  }
  .display-md-inline-block {
    display: inline-block !important;
  }
  .display-md-block {
    display: block !important;
  }
  .display-md-table {
    display: table !important;
  }
  .display-md-table-row {
    display: table-row !important;
  }
  .display-md-table-cell {
    display: table-cell !important;
  }
  .display-md-flex {
    display: flex !important;
  }
  .display-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .display-lg-none {
    display: none !important;
  }
  .display-lg-inline {
    display: inline !important;
  }
  .display-lg-inline-block {
    display: inline-block !important;
  }
  .display-lg-block {
    display: block !important;
  }
  .display-lg-table {
    display: table !important;
  }
  .display-lg-table-row {
    display: table-row !important;
  }
  .display-lg-table-cell {
    display: table-cell !important;
  }
  .display-lg-flex {
    display: flex !important;
  }
  .display-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1400px) {
  .display-xl-none {
    display: none !important;
  }
  .display-xl-inline {
    display: inline !important;
  }
  .display-xl-inline-block {
    display: inline-block !important;
  }
  .display-xl-block {
    display: block !important;
  }
  .display-xl-table {
    display: table !important;
  }
  .display-xl-table-row {
    display: table-row !important;
  }
  .display-xl-table-cell {
    display: table-cell !important;
  }
  .display-xl-flex {
    display: flex !important;
  }
  .display-xl-inline-flex {
    display: inline-flex !important;
  }
}
.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 768px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1400px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.bg-border {
  background-color: rgb(212.2, 211.2, 212.8);
}

.bg-hover {
  background-color: rgb(239.9006622517, 247.1854304636, 250.0993377483);
}

.bg-selected {
  background-color: rgb(253.6, 171, 154.9);
}

.bg-field {
  background-color: rgb(248.8288372093, 248.6846511628, 248.9153488372);
}

.bg-field-border {
  background-color: rgb(212.2, 211.2, 212.8);
}

.bg-field-focus {
  background-color: rgb(49.8, 148.8, 188.4);
}

.bg-nav {
  background-color: rgb(233.6, 233.1, 233.9);
}

.bg-shadow {
  background-color: rgb(28.7, 25.2, 30.8);
}

.bg-t-base {
  background-color: rgb(32.8, 28.8, 35.2);
}

.bg-t-accent {
  background-color: rgb(253.2, 147, 126.3);
}

.bg-t-highlight {
  background-color: rgb(24.3, 123.3, 162.9);
}

.bg-t-hyperlink {
  background-color: rgb(72.6, 160.6, 195.8);
}

.bg-t-light {
  background-color: rgb(139.3035714286, 136.5357142857, 140.9642857143);
}

.bg-t-lightest {
  background-color: rgb(190.8, 189.3, 191.7);
}

.bg-t-primary {
  background-color: rgb(29.1, 90.3, 139.8);
}

html,
body {
  box-sizing: border-box;
  height: 100vh;
  margin: 0;
  padding: 0;
}

body {
  background-color: #FFF;
  line-height: 1.4em;
}
body.full-pag-app {
  height: 100vh;
  overflow: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}
.h-100p {
  height: 100% !important;
}

.h-20em {
  height: 20em !important;
}

.h-5px {
  height: 5px !important;
}

.w-100p {
  width: 100% !important;
}

.w-90p {
  width: 90% !important;
}

.w-70p {
  width: 70% !important;
}

.w-60p {
  width: 60% !important;
}

.w-30p {
  width: 30% !important;
}

.w-18p {
  width: 18% !important;
}

.w-12p {
  width: 12% !important;
}

.w-9p {
  width: 9% !important;
}

.w-7p {
  width: 7% !important;
}

.m-0 {
  margin: 0rem !important;
}

.m-1 {
  margin: 1rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.m-4 {
  margin: 4rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.m-6 {
  margin: 6rem !important;
}

.m-7 {
  margin: 7rem !important;
}

.m-8 {
  margin: 8rem !important;
}

.m-9 {
  margin: 9rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.m-half {
  margin: 0.5rem !important;
}

.m-min {
  margin: 0.3333333333rem !important;
}

.m-n1 {
  margin: -1rem !important;
}

.m-auto {
  margin: auto !important;
}

.m-neg-half {
  margin: -0.5rem !important;
}

.m-neg-min {
  margin: -0.3333333333rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.mt-9 {
  margin-top: 9rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

.mt-half {
  margin-top: 0.5rem !important;
}

.mt-min {
  margin-top: 0.3333333333rem !important;
}

.mt-n1 {
  margin-top: -1rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mt-neg-half {
  margin-top: -0.5rem !important;
}

.mt-neg-min {
  margin-top: -0.3333333333rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.mr-5 {
  margin-right: 5rem !important;
}

.mr-6 {
  margin-right: 6rem !important;
}

.mr-7 {
  margin-right: 7rem !important;
}

.mr-8 {
  margin-right: 8rem !important;
}

.mr-9 {
  margin-right: 9rem !important;
}

.mr-10 {
  margin-right: 10rem !important;
}

.mr-half {
  margin-right: 0.5rem !important;
}

.mr-min {
  margin-right: 0.3333333333rem !important;
}

.mr-n1 {
  margin-right: -1rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mr-neg-half {
  margin-right: -0.5rem !important;
}

.mr-neg-min {
  margin-right: -0.3333333333rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.mb-8 {
  margin-bottom: 8rem !important;
}

.mb-9 {
  margin-bottom: 9rem !important;
}

.mb-10 {
  margin-bottom: 10rem !important;
}

.mb-half {
  margin-bottom: 0.5rem !important;
}

.mb-min {
  margin-bottom: 0.3333333333rem !important;
}

.mb-n1 {
  margin-bottom: -1rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mb-neg-half {
  margin-bottom: -0.5rem !important;
}

.mb-neg-min {
  margin-bottom: -0.3333333333rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

.ml-6 {
  margin-left: 6rem !important;
}

.ml-7 {
  margin-left: 7rem !important;
}

.ml-8 {
  margin-left: 8rem !important;
}

.ml-9 {
  margin-left: 9rem !important;
}

.ml-10 {
  margin-left: 10rem !important;
}

.ml-half {
  margin-left: 0.5rem !important;
}

.ml-min {
  margin-left: 0.3333333333rem !important;
}

.ml-n1 {
  margin-left: -1rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ml-neg-half {
  margin-left: -0.5rem !important;
}

.ml-neg-min {
  margin-left: -0.3333333333rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.p-1 {
  padding: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.p-8 {
  padding: 8rem !important;
}

.p-9 {
  padding: 9rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.p-half {
  padding: 0.5rem !important;
}

.p-min {
  padding: 0.3333333333rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.pt-8 {
  padding-top: 8rem !important;
}

.pt-9 {
  padding-top: 9rem !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

.pt-half {
  padding-top: 0.5rem !important;
}

.pt-min {
  padding-top: 0.3333333333rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.pr-6 {
  padding-right: 6rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.pr-8 {
  padding-right: 8rem !important;
}

.pr-9 {
  padding-right: 9rem !important;
}

.pr-10 {
  padding-right: 10rem !important;
}

.pr-half {
  padding-right: 0.5rem !important;
}

.pr-min {
  padding-right: 0.3333333333rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.pb-9 {
  padding-bottom: 9rem !important;
}

.pb-10 {
  padding-bottom: 10rem !important;
}

.pb-half {
  padding-bottom: 0.5rem !important;
}

.pb-min {
  padding-bottom: 0.3333333333rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

.pl-6 {
  padding-left: 6rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

.pl-8 {
  padding-left: 8rem !important;
}

.pl-9 {
  padding-left: 9rem !important;
}

.pl-10 {
  padding-left: 10rem !important;
}

.pl-half {
  padding-left: 0.5rem !important;
}

.pl-min {
  padding-left: 0.3333333333rem !important;
}

.ml-auto {
  margin-left: auto;
}

.m-auto {
  margin: auto;
}

html,
body {
  color: rgb(32.8, 28.8, 35.2);
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5 {
  color: rgb(24.3, 123.3, 162.9);
  font-weight: normal;
  line-height: 1.4em;
  margin: 0;
}

h1 {
  color: rgb(227.7, 121.5, 100.8);
  font-family: "Hurricane", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 4rem;
}

h2 {
  font-size: 1.72rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  color: rgb(27.6100961538, 140.0956730769, 185.0899038462);
  font-size: 1.4rem;
}

h5 {
  color: rgb(32.8, 28.8, 35.2);
  font-size: 1rem;
}

a {
  color: rgb(72.6, 160.6, 195.8);
  text-decoration: none;
}
a:hover {
  color: rgb(72.6, 146.0285714286, 175.4);
  text-decoration: underline;
}

p {
  margin: 0;
}

.bg-dark {
  color: #FFF;
}
.bg-dark h4 {
  color: #FFF;
}
.bg-dark a {
  color: rgb(95.4, 172.4, 203.2);
}

.bg-neutral-s-30 {
  background-color: rgb(28.7, 25.2, 30.8) !important;
}

.bg-neutral-s-20 {
  background-color: rgb(32.8, 28.8, 35.2) !important;
}

.bg-neutral-s-10 {
  background-color: rgb(36.9, 32.4, 39.6) !important;
}

.bg-neutral {
  background-color: #29242c !important;
}

.bg-neutral-t-10 {
  background-color: rgb(62.4, 57.9, 65.1) !important;
}

.bg-neutral-t-20 {
  background-color: rgb(83.8, 79.8, 86.2) !important;
}

.bg-neutral-t-30 {
  background-color: rgb(105.2, 101.7, 107.3) !important;
}

.bg-neutral-t-40 {
  background-color: rgb(126.6, 123.6, 128.4) !important;
}

.bg-neutral-t-50 {
  background-color: rgb(148, 145.5, 149.5) !important;
}

.bg-neutral-t-60 {
  background-color: rgb(169.4, 167.4, 170.6) !important;
}

.bg-neutral-t-70 {
  background-color: rgb(190.8, 189.3, 191.7) !important;
}

.bg-neutral-t-80 {
  background-color: rgb(212.2, 211.2, 212.8) !important;
}

.bg-neutral-t-90 {
  background-color: rgb(233.6, 233.1, 233.9) !important;
}

.bg-primary-s-30 {
  background-color: rgb(2.8, 50.4, 88.9) !important;
}

.bg-primary-s-20 {
  background-color: rgb(3.2, 57.6, 101.6) !important;
}

.bg-primary-s-10 {
  background-color: rgb(3.6, 64.8, 114.3) !important;
}

.bg-primary {
  background-color: #04487f !important;
}

.bg-primary-t-10 {
  background-color: rgb(29.1, 90.3, 139.8) !important;
}

.bg-primary-t-20 {
  background-color: rgb(54.2, 108.6, 152.6) !important;
}

.bg-primary-t-30 {
  background-color: rgb(79.3, 126.9, 165.4) !important;
}

.bg-primary-t-40 {
  background-color: rgb(104.4, 145.2, 178.2) !important;
}

.bg-primary-t-50 {
  background-color: rgb(129.5, 163.5, 191) !important;
}

.bg-primary-t-60 {
  background-color: rgb(154.6, 181.8, 203.8) !important;
}

.bg-primary-t-70 {
  background-color: rgb(179.7, 200.1, 216.6) !important;
}

.bg-primary-t-80 {
  background-color: rgb(204.8, 218.4, 229.4) !important;
}

.bg-primary-t-90 {
  background-color: rgb(229.9, 236.7, 242.2) !important;
}

.bg-accent-s-30 {
  background-color: rgb(177.1, 94.5, 78.4) !important;
}

.bg-accent-s-20 {
  background-color: rgb(202.4, 108, 89.6) !important;
}

.bg-accent-s-10 {
  background-color: rgb(227.7, 121.5, 100.8) !important;
}

.bg-accent {
  background-color: #fd8770 !important;
}

.bg-accent-t-10 {
  background-color: rgb(253.2, 147, 126.3) !important;
}

.bg-accent-t-20 {
  background-color: rgb(253.4, 159, 140.6) !important;
}

.bg-accent-t-30 {
  background-color: rgb(253.6, 171, 154.9) !important;
}

.bg-accent-t-40 {
  background-color: rgb(253.8, 183, 169.2) !important;
}

.bg-accent-t-50 {
  background-color: rgb(254, 195, 183.5) !important;
}

.bg-accent-t-60 {
  background-color: rgb(254.2, 207, 197.8) !important;
}

.bg-accent-t-70 {
  background-color: rgb(254.4, 219, 212.1) !important;
}

.bg-accent-t-80 {
  background-color: rgb(254.6, 231, 226.4) !important;
}

.bg-accent-t-90 {
  background-color: rgb(254.8, 243, 240.7) !important;
}

.bg-highlight-s-30 {
  background-color: rgb(18.9, 95.9, 126.7) !important;
}

.bg-highlight-s-20 {
  background-color: rgb(21.6, 109.6, 144.8) !important;
}

.bg-highlight-s-10 {
  background-color: rgb(24.3, 123.3, 162.9) !important;
}

.bg-highlight {
  background-color: #1b89b5 !important;
}

.bg-highlight-t-10 {
  background-color: rgb(49.8, 148.8, 188.4) !important;
}

.bg-highlight-t-20 {
  background-color: rgb(72.6, 160.6, 195.8) !important;
}

.bg-highlight-t-30 {
  background-color: rgb(95.4, 172.4, 203.2) !important;
}

.bg-highlight-t-40 {
  background-color: rgb(118.2, 184.2, 210.6) !important;
}

.bg-highlight-t-50 {
  background-color: #8dc4da !important;
}

.bg-highlight-t-60 {
  background-color: rgb(163.8, 207.8, 225.4) !important;
}

.bg-highlight-t-70 {
  background-color: rgb(186.6, 219.6, 232.8) !important;
}

.bg-highlight-t-80 {
  background-color: rgb(209.4, 231.4, 240.2) !important;
}

.bg-highlight-t-90 {
  background-color: rgb(232.2, 243.2, 247.6) !important;
}

.bg-base {
  background-color: #FFF;
}

.bg-dark {
  background-color: rgb(227.7, 121.5, 100.8);
}

.bg-light {
  background-color: rgb(241.2144186047, 240.8923255814, 241.4076744186);
}

.bg-light-gradient, ul.list-item-boxed li {
  background: linear-gradient(180deg, rgb(248.8288372093, 248.6846511628, 248.9153488372) 35%, rgb(241.2144186047, 240.8923255814, 241.4076744186) 100%);
}

.bg-white {
  background-color: #FFF;
}

ul.list-item li, ul.list-item-labels li {
  border-bottom: 1px solid rgb(212.2, 211.2, 212.8);
}

body .b {
  border: 1px solid rgb(212.2, 211.2, 212.8) !important;
}
body .b-none {
  border: none !important;
}
body .bt {
  border-top: 1px solid rgb(212.2, 211.2, 212.8) !important;
}
body .bt-none {
  border-top: none !important;
}
body .br {
  border-right: 1px solid rgb(212.2, 211.2, 212.8) !important;
}
body .br-none {
  border-right: none !important;
}
body .bb {
  border-bottom: 1px solid rgb(212.2, 211.2, 212.8) !important;
}
body .bb-none {
  border-bottom: none !important;
}
body .bl {
  border-left: 1px solid rgb(212.2, 211.2, 212.8) !important;
}
body .bl-none {
  border-left: none !important;
}

.bg-light .b {
  border: 1px solid rgb(219.8144186047, 218.9923255814, 220.3076744186) !important;
}
.bg-light .b-none {
  border: none !important;
}
.bg-light .bt {
  border-top: 1px solid rgb(219.8144186047, 218.9923255814, 220.3076744186) !important;
}
.bg-light .bt-none {
  border-top: none !important;
}
.bg-light .br {
  border-right: 1px solid rgb(219.8144186047, 218.9923255814, 220.3076744186) !important;
}
.bg-light .br-none {
  border-right: none !important;
}
.bg-light .bb {
  border-bottom: 1px solid rgb(219.8144186047, 218.9923255814, 220.3076744186) !important;
}
.bg-light .bb-none {
  border-bottom: none !important;
}
.bg-light .bl {
  border-left: 1px solid rgb(219.8144186047, 218.9923255814, 220.3076744186) !important;
}
.bg-light .bl-none {
  border-left: none !important;
}

.b-radius {
  border-radius: 3px;
}

.t-sm,
.t-lg,
.t-2,
.t-3,
.t-4,
.t-5 {
  line-height: 1.4em;
}

.t-sm {
  font-size: 0.84em !important;
}

.t-lg {
  font-size: 1.2em !important;
}

.t-2 {
  font-size: 1.5em !important;
}

.t-3 {
  font-size: 2.2em !important;
}

.t-4 {
  font-size: 2.6em !important;
}

.t-5 {
  font-size: 3em !important;
}

.tc-accent {
  color: rgb(253.2, 147, 126.3) !important;
}

.tc-base {
  color: rgb(32.8, 28.8, 35.2) !important;
}

.tc-highlight {
  color: rgb(24.3, 123.3, 162.9) !important;
}

.tc-light {
  color: rgb(139.3035714286, 136.5357142857, 140.9642857143) !important;
}

.tc-lightest {
  color: rgb(190.8, 189.3, 191.7) !important;
}

.tc-primary {
  color: rgb(29.1, 90.3, 139.8) !important;
}

.tc-white {
  color: #FFF !important;
}

.t-c {
  text-align: center !important;
}

.t-l {
  text-align: left !important;
}

.t-r {
  text-align: right !important;
}

.t-bold {
  font-weight: bold;
}

.t-uppercase {
  text-transform: uppercase !important;
}

.t-bg-dark {
  color: #FFF;
}
.t-bg-dark a {
  color: rgb(91.8516556291, 170.5635761589, 202.0483443709);
}
.t-bg-dark a:hover {
  color: rgb(99.5523178808, 174.5490066225, 204.5476821192);
}

a.link-r-icon {
  align-items: center;
  display: flex;
}
a.link-r-icon .icon {
  margin-right: 0.5rem;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.list {
  list-style-type: square;
  margin-left: 1.3rem;
}
ul.list li {
  padding: 0.25rem 0;
}
ul.list-item li {
  padding: 0.5rem;
}
ul.list-item-labels li {
  display: flex;
}
ul.list-item-labels li label {
  color: rgb(139.3035714286, 136.5357142857, 140.9642857143);
  max-width: 33.3333%;
  flex: 0 0 33.3333%;
  padding: 0.5rem;
}
ul.list-item-labels li .list-item-content {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding: 0.5rem;
}
ul.list-item-labels li a.list-item-content {
  align-items: center;
  display: flex;
}
ul.list-item-labels li a.list-item-content .suffix {
  align-items: center;
  color: rgb(190.8, 189.3, 191.7);
  display: flex;
  margin-left: auto;
}
ul.list-item-labels li a.list-item-content:hover {
  background-color: rgb(239.9006622517, 247.1854304636, 250.0993377483);
}
ul.list-item-labels.dense li label,
ul.list-item-labels.dense li .list-item-content {
  padding: 0.3333333333rem;
}
ul.list-linear {
  align-items: center;
  display: flex;
}
ul.list-linear li {
  border-bottom: none;
  border-right: 1px solid rgb(212.2, 211.2, 212.8);
  padding: 0 1rem;
}
ul.list-linear li:first-child {
  padding-left: 0;
}
ul.list-linear li:last-child {
  border: none;
  padding-right: 0;
}
ul.list-item-boxed li {
  border: 1px solid rgb(212.2, 211.2, 212.8);
  margin-bottom: 1.5rem;
  padding: 1rem;
}
ul.list-stacked li {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

.navbar {
  background-color: rgb(233.6, 233.1, 233.9);
  padding: 0.6rem 1rem;
}
.navbar ul {
  align-items: stretch;
}
.navbar ul li {
  border-color: rgb(62.4, 57.9, 65.1);
  display: flex;
  padding: 0;
}
.navbar ul li a {
  align-items: center;
  color: rgb(118.2, 184.2, 210.6);
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  padding: 0.3rem 2rem;
  text-align: center;
  max-width: 16em;
}

.header-main {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 4rem;
}
.header-main h1 {
  flex: 1 1 auto;
}
.header-main .logo {
  height: 40px;
  margin-right: 1rem;
}
.header-main .list-linear li a {
  padding-left: 1.8rem;
}
.header-main .list-linear li:first-child a {
  background: url(../../images/icon-pdf.png) center left no-repeat;
}
.header-main .list-linear li:last-child a {
  background: url(../../images/icon-linkedin.png) center left no-repeat;
}

.content-area {
  display: flex;
  justify-content: center;
  padding: 1rem;
  padding-bottom: 8rem;
}
.content-area h2 {
  margin-bottom: 3rem;
}
.content-area h3, .content-area h4 {
  margin: 3rem 0 1rem 0;
}
.content-area p {
  margin-bottom: 1rem;
}

.timeline {
  display: flex;
}
.timeline li {
  border-bottom: 1px solid #04487f;
  height: 10.4rem;
  min-width: 30px;
  position: relative;
}
.timeline li div {
  padding-left: 1rem;
  position: absolute;
  width: 20rem;
}
.timeline li.grad, .timeline li.job {
  background: no-repeat center bottom/24px;
  border-bottom: none;
  height: 11.2rem;
}
.timeline li.grad {
  background-image: url(../../images/icon-cap.png);
}
.timeline li.grad div {
  margin-left: -2rem;
}
.timeline li.job {
  background-image: url(../../images/icon-briefcase.png);
}
.timeline li.t-high::after {
  content: "";
  border-left: 1px solid rgb(163.8, 207.8, 225.4);
  height: 5rem;
  left: 1rem;
  position: absolute;
  top: 4.4rem;
}
.timeline li.t-high.grad::after {
  border-color: rgb(254.2, 207, 197.8);
}
.timeline li.t-low {
  padding-top: 5rem;
}
.timeline li.yr-half {
  width: 1.5%;
}
.timeline li.yr-1 {
  width: 3%;
}
.timeline li.yr-1half {
  width: 4.5%;
}
.timeline li.yr-2 {
  width: 6%;
}
.timeline li.yr-3 {
  width: 9%;
}
.timeline li.yr-4 {
  width: 12%;
}
.timeline li.yr-5 {
  width: 15%;
}

.project-callout {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  text-align: center;
}
.project-callout .project-graphic {
  height: 15rem;
  padding: 2rem;
}

.project-graphic.bg-pattern-7, .project-graphic.bg-pattern-5 {
  position: relative;
}
.project-graphic.bg-pattern-7::before, .project-graphic.bg-pattern-5::before {
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.project-graphic.bg-pattern-7 img, .project-graphic.bg-pattern-5 img {
  position: relative;
  z-index: 2;
}

.project-graphic {
  align-items: center;
  background: center/cover no-repeat;
  display: flex;
  height: 24rem;
  justify-content: center;
  margin-bottom: 1rem;
  padding: 1rem;
  width: 100%;
}
.project-graphic img {
  max-height: 100%;
  max-width: 100%;
}
.project-graphic.bg-pattern-1 {
  background-image: url("../../images/bg-color-swatches.png");
}
.project-graphic.bg-pattern-2 {
  background-image: url("../../images/bg-splatter.jpg");
}
.project-graphic.bg-pattern-3 {
  background-image: url("../../images/bg-blue-gradient.png");
}
.project-graphic.bg-pattern-4 {
  background-image: url("../../images/bg-shapes.png");
}
.project-graphic.bg-pattern-5 {
  background-image: url("../../images/bg-rainbow.jpg");
}
.project-graphic.bg-pattern-6 {
  background-image: url("../../images/bg-blue-swirl.jpg");
}
.project-graphic.bg-pattern-7 {
  background-image: url("../../images/bg-geometric.jpg");
}
.project-graphic.bg-pattern-8 {
  background-image: url("../../images/bg-gradient-swirl.jpg");
}

.project-screenshot {
  background-color: rgb(241.2144186047, 240.8923255814, 241.4076744186);
  margin: 3rem 0 3rem 0;
  padding: 1rem;
}
.project-screenshot h5 {
  color: rgb(139.3035714286, 136.5357142857, 140.9642857143);
  font-size: 0.84em;
}
.project-screenshot img {
  width: 100%;
}

.navbar {
  background-color: rgb(241.2144186047, 240.8923255814, 241.4076744186);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}
.navbar .project-callout {
  padding: 0.5rem;
}
.navbar .project-callout .project-graphic {
  height: 5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}
.navbar .project-callout h5 {
  color: rgb(139.3035714286, 136.5357142857, 140.9642857143);
  font-size: 0.84em;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: none;
  text-align: left;
}

.snap button.snap {
  background-color: rgb(229.8636900416, 229.8636900416, 229.8636900416);
}

.gridview button.gridview {
  background-color: rgb(229.8636900416, 229.8636900416, 229.8636900416);
}

.customer-portal button.customer-portal {
  background-color: rgb(229.8636900416, 229.8636900416, 229.8636900416);
}

.jackpot button.jackpot {
  background-color: rgb(229.8636900416, 229.8636900416, 229.8636900416);
}

.argus button.argus {
  background-color: rgb(229.8636900416, 229.8636900416, 229.8636900416);
}

.process button.process {
  background-color: rgb(229.8636900416, 229.8636900416, 229.8636900416);
}

.heuristics button.heuristics {
  background-color: rgb(229.8636900416, 229.8636900416, 229.8636900416);
}

.saffire button.saffire {
  background-color: rgb(229.8636900416, 229.8636900416, 229.8636900416);
}

.quotes {
  padding: 2rem 0;
}
.quotes .tc-light {
  color: rgb(254.2, 207, 197.8) !important;
}

/*# sourceMappingURL=style.css.map */