/* ----- VARIABLES / COLORS ---- */
body { padding-top: 3.5rem; }

.jumbotron-full { border-radius: 0px; min-height: 600px; margin-bottom: 0; }

.navbar-brand img { vertical-align: unset; }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #ff6600 !important; }

.logo-sm { max-width: 150px; }

.display-1, .display-2, .display-3, .display-4 { font-weight: 600; }

/* ----- BACKGROUNDS ------- */
.fff { background: #fff; }

.f8f8f8 { background: #f8f8f8; }

.e3e3e3 { background: #e3e3e3; }

.me-black { background: #2c2e35; }

.business { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/img/business-2.jpg); background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: 50%; }

/* ----- TEXT COLORS ----- */
.blue-text { color: #0889dc; }

/* ----- BUTTON COLORS ----- */
.btn-red { background: #dd0000; border-color: #dd0000; color: #fff; }

.btn-red:hover { background: #fff; color: #dd0000; }

.btn-orange { background: #ff6600; border-color: #ff6600; color: #fff; }

.btn-orange:hover { background: #fff; color: #ff6600; }

.btn-blue { background: #0889dc; border-color: #0889dc; color: #fff; }

.btn-blue:hover { background: #fff; color: #0889dc; }

.btn-green { background: #10bf02; border-color: #10bf02; color: #fff; }

.btn-green:hover { background: #fff; color: #10bf02; }

/* ------ MISC ------ */
.xs { font-size: 70%; }

.icon-left { margin-right: 0.5em; }

.icon-right { margin-left: 0.5em; }

.border-ccc { border-color: #ccc !important; }

.subhead { font-weight: 600; text-transform: uppercase; margin-bottom: 5px; }

.subhead img, img.subhead { height: 48px; margin-bottom: 10px; }

/* ------------------ MEDIA QUERIES -------------------- */
@media (max-width: 575.98px) { /*DISPLAY HEADERS*/
  .display-1 { font-size: 3rem; }
  .display-2 { font-size: 2.75rem; }
  .display-3 { font-size: 2.25rem; }
  .display-4 { font-size: 1.75rem; } }