/**
* Core
**/
body {
  background-image: linear-gradient(to bottom right, #161925, #1C2826);
  background-attachment: fixed;
  color: #F5F7FA;
  font-family: 'Helvetica';
}

/**
* Classes
**/
.card {
  max-width: 97%;
  margin: 0 auto;
}

.hero-logo {
  width: 97%;
  max-width: 800px;
  margin: 0 auto;
  display: block;
}

/**
* Color Classes
**/
.red {
  color: #EC4E20;
}

.dark {
 color: #161925;
}

.honey {
  color: #FABD64;
}

.blue {
  color: #016FB9 !important;
}

.slight {
  color: #1C2826;
}

/**
* Custom backgrounds
**/
.bg-blue {
  background: #016FB9;
}

/**
* Custom Buttons
**/
.btn {
  font-family: 'Helvetica Bold';
}

.btn-link-blue {
  color: #016FB9;
}

.btn-blue {
  background: #016FB9;
  border: 1px solid #016FB9;
  color: #ffffff;
}

.btn-blue:hover {
  background: #ffffff;
  border: 1px solid #016FB9;
  color: #016FB9;
}

/**
* Font Classes
**/
.hel {
  font-family: 'Helvetica';
}

.helb {
  font-family: 'Helvetica Bold';
}

.max {
  font-family: 'Mexcellent';
}

/**
* Font Families
**/
@font-face {
  font-family: 'Helvetica Bold';
  src: url('../font/Helvetica-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica';
  src: url('../font/Helvetica.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Mexcellent';
    src: url('../font/Mexcellent-3D.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}