:root {
  color-scheme: light;
}

.light {
  --grn1: #008d58;
  --grn2: #5fbd5f;
  --grn3: #c0efd8;
  --red1: #f4485e;
  --blu1: #00A2E9;
  --ylw1: #FECB00;
  --gry0: #fff;
  --gry1: #bbb;
  --gry2: #999;
  --gry3: #666;
  --gry4: #444;
  color-scheme: light;
}

.dark {
  --grn1: #009960;
  --grn2: #5fbd5f;
  --red1: #f4485e;
  --blu1: #00A2E9;
  --ylw1: #FECB00;
  --gry0: #000;
  --gry1: #444;
  --gry2: #666;
  --gry3: #999;
  --gry4: #fff;
  color-scheme: dark;
}

.red{
  color:#c00;
}

body {
  min-width: 350px;
  color: var(--gry3);
}

.product {
  color: var(--grn1);
}

.navbar-toggler {
  border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
}

a {
  text-decoration: none;
}

a.nav-link:hover {
  color: var(--blu1);
}

/* underline menu */
.navbar .navbar-nav .nav-link {
  color: var(--grn1);
  font-size: 1.1em;
}

.navbar .navbar-nav .nav-link:hover {
  color: var(--red1);
}

.navbar .navbar-nav .nav-item {
  position: relative;
}

.navbar .navbar-nav .nav-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: var(--blu1);
  width: 0%;
  content: "";
  height: 2px;
  transition: all 0.25s;
}

.navbar .navbar-nav .nav-item:hover::after {
  width: 100%;
}

.navbar-dark .navbar-nav .nav-link {
  color: var(--gry3);
}

.box {
  background-color: black;
  border: 1px solid red;
  min-height: 40px;
  font-size: 1rem;
}

/*
.carousel-item > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
*/

.imgIcon {
  padding: 0.5rem 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
}

.topmargin
{
  padding-top: 20px;
}

/* parallax */
#parallax1 {
  background: url(back4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  height: 100%;  /* do not change !!! */
  margin: 0 auto;
  position: relative; 
}
/* 
@media (max-width: 766px) and (min-width: 0px) {
  .blockquote {
    display: none;
  }

} */


/* @media  (min-width: 771px)  {
  .blockquote {
    display: none;
  }


  .navbar-toggler {
    display: block;
  }
} 

*/