:root {
  --navbar-height: 70px;
  --navbar-bg: #111111;
  --navbar-sticky-bg: #111111;
  --navbar-account-bg: #111111;
  --navbar-text: #fff;
  --navbar-sticky-text: #fff;
  --navbar-account-text: #fff;

  --footer-bg: #000;
  --footer-account-bg: #000;
  --footer-text: #9ca3af;
  --footer-account-text: #9ca3af;
  --footer-border: #f9fafb;
  --footer-account-border: #f9fafb;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans/OpenSans-Light.ttf') format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans/OpenSans-Regular.ttf') format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/OpenSans/OpenSans-Bold.ttf') format("truetype");
  font-weight: 700;
}

html {
  font-family: 'OpenSans', sans-serif!important;
  font-size: 16px;
  box-sizing: border-box;
  color: #fff;
}

 /* NAVBAR */
#navbar .main-menu, .icons-menu {
    margin-top: 10px;
}

#navbar .icons-menu {
  color: #009ADE!important;
}

#navbar .sign-up span, .plans span {
  background: #009ADE!important;
  border-style: none!important;
  border-radius: 0px!important;
  color: #fff;
}

/* LIST/GRID */
.list .title, .grid .title {
  font-weight: 300!important;
}

@media (min-width: 1280px) {
  #navbar .main-menu li {
      padding-right: 2rem!important;
  }

  #navbar .icons-menu li {
    padding-left: 1rem!important;
  }

  .list .title, .grid .title {
    font-size: 1.5rem!important;
    line-height: 2rem!important;
  }
}

@media (min-width: 768px) {
  .btn-custom {
    padding: 0.8rem 1rem!important;
    font-size: 1.5rem!important;
  }
}