.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
	max-width: 1020px; } } /* 1140px */

.row {
 margin-left: 0.0 !important;
 margin-right: 0.0 !important;
}
  
:root {
    --dark: rgb(49, 21, 45);
    --primary: rgba(255, 255, 255, 0.97);
    /* --background-url: url("../img/snapshot-1.png"); */
}

.bg-dark {
    background-color: var(--dark) !important;
}
.bg-primary {
    background-color: var(--primary) !important;
}
/* .nav-link { */
/*     color: var(--dark); */
/* } */

/* This is necessary to avoid overlap with navbar when jumping to an heading */
h2, h3 {
  scroll-margin-top: 80px;
  scroll-margin-bottom: 100px;
}

html {
    scroll-behavior: smooth;
}

li {
    margin-bottom: 1rem;
}

.jumbotron {
    background-color: rgb(245, 244, 244, 1);
}

@font-face {
  font-family: "typicons";
  src:
      url("typicons.ttf?b99ba6e7256a27d29176cef7fc322738") format("truetype"),
}

.typcn:before {
  font-family: typicons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.typcn-home:before {
  content: "\e08a";
}