a:hover {
  color: #0056b3;
  text-decoration: none;
}

@media (min-width: 768px) {
  a:hover {
    color: #8cd600;
    text-decoration: none;
  }
}

@media (max-width: 767px) {
  a:hover {
    color: #babfb7;
    text-decoration: none;
  }
}

a {
  color: #babfb7;
  text-decoration: none;
  background-color: transparent;
}

button:focus {
  outline: 1px dotted;
  outline: 7px auto -webkit-focus-ring-color;
}

* {
  box-sizing: border-box;
}

.btn-primary {
  color: #fff;
  background-color: #8fcc14;
  border-color: #8fcc14;
}

.btn-primary:hover {
  color: #fff;
  background-color: #74a611;
  border-color: #6b990f;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #6b990f;
  border-color: #628c0e;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(143,204,20,0.25);
}

.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #8cd600;
  border-color: #8ed400;
  box-shadow: 0 0 0 .2rem rgba(119,185,0,0.5);
}

.btn-primary {
  color: #fff;
  /*background: linear-gradient(120deg,#5af213, #a2f229);*/
  /*background: radial-gradient(#5af213, #a2f229);*/
  /*background: radial-gradient(#a2f229, #5af213);*/
  /*background: #A2F229;*/
  /*background: #5AF213;*/
  background: #8ed400;
  border-color: #c4e58e;
  font-weight: 500;
}

.btn-primary:hover {
  color: #fff;
  /*background-color: #228c04;*/
  /*background-color: #235915;*/
  background-color: #77B900;
  border-color: #c4e58e;
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(140,214,0,0.15);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #77b900;
  border-color: #77b900;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(119,185,0,0.5);
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(118,177,0,0.25);
}

.btn:hover {
  color: #ffffff;
  text-decoration: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(139,204,10,0.5);
}

.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}

#productname {
  font-family: Montserrat, sans-serif;
  font-weight: 200;
  font-size: 40px;
}

@media (max-width: 375px) {
  #productname {
    font-family: Montserrat, sans-serif;
    font-weight: 200;
    font-size: 24px;
  }
}