html body {
  background: url(/assets/canna-hub_bg.jpg) #0b2b2a no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Overpass', sans-serif; }
  html body a {
    color: #80b9bf; }
    html body a:hover {
      color: #80b9bf; }
  html body .well > h1:first-of-type,
  html body .well > h2:first-of-type,
  html body .well > h3:first-of-type,
  html body .well > h4:first-of-type,
  html body .well > h5:first-of-type,
  html body .well > h6:first-of-type {
    margin-top: 0px;
    margin-bottom: 20px; }
  html body .jumbotron,
  html body .well {
    background-color: rgba(33, 234, 244, 0.25);
    border: none;
    color: rgba(255, 255, 255, 0.8); }
  html body .jumbotron {
    padding-top: 0.5em; }
    html body .jumbotron .col-sm-6 > img {
      width: 50%;
      margin: auto; }

.btn-default {
  background-color: #008db0;
  border-color: #80b9bf; }

.navbar-default {
  margin-left: 220px;
  margin-bottom: 60px;
  background: -moz-linear-gradient(50% 100% 90deg, #008db0 0%, #80b9bf 100%);
  background: -webkit-linear-gradient(90deg, #008db0 0%, #80b9bf 100%);
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, #008db0), color-stop(1, #80b9bf));
  background: -o-linear-gradient(90deg, #008db0 0%, #80b9bf 100%);
  background: -ms-linear-gradient(90deg, #008db0 0%, #80b9bf 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$bgFrom', endColorstr='$bgTo' ,GradientType=0)";
  background: linear-gradient(0deg, #008db0 0%, #80b9bf 100%);
  border: 2px solid #80b9bf;
  border-radius: 12px; }
  .navbar-default .navbar-brand {
    color: #000000; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #000000; }
    .navbar-default .navbar-brand img {
      position: absolute;
      top: -55px;
      left: -230px;
      width: 220px; }
  .navbar-default .navbar-text {
    color: #000000; }
  .navbar-default .navbar-nav > li > a {
    color: #000000; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #000000; }
  .navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #80b9bf; }
    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
      color: #000000; }
      .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
        color: #000000;
        background-color: #80b9bf; }
    .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
      background-color: #80b9bf; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #80b9bf; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #80b9bf; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #000000;
    background-color: #80b9bf; }
  .navbar-default .navbar-toggle {
    border-color: #80b9bf; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #80b9bf; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #000000; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #000000; }
  .navbar-default .navbar-link {
    color: #000000; }
    .navbar-default .navbar-link:hover {
      color: #000000; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #000000; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #80b9bf; } }