body {
  overflow-x: hidden;
  font-family: 'Playfair Display', serif;
  background-image: url("../img/home/background.png"); }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif; }

.off-canvas {
  background-color: #2D2C2D;
  color: white; }
  .off-canvas h1 {
    text-align: center;
    padding: 20px 0;
    color: white; }
  .off-canvas ul a {
    color: white; }
  .off-canvas ul a:hover {
    color: red; }

.off-canvas-content {
  min-height: 100vh; }

header {
  height: 150px; }
  header h1 {
    line-height: 1;
    text-align: center;
    padding: 0;
    margin: 20px 0 10px 0; }
  header h4 {
    font-size: 1rem;
    line-height: 1;
    text-align: center;
    padding: 0; }
    header h4 img {
      width: 100px; }
  header .main-menu {
    background-color: #2D2C2D;
    padding: 10px 0; }
    header .main-menu li {
      cursor: pointer; }
    header .main-menu a {
      color: white; }
    header .main-menu .dd-menu a {
      color: black; }
    header .main-menu .dd-menu a:hover {
      color: red; }
  header .title-bar {
    background-color: #2D2C2D; }

.title-bar {
  margin-bottom: 20px; }

.home-page {
  min-height: calc(100vh - 100px); }
  .home-page .home-page-banner {
    width: 80%;
    margin-top: 50px; }
  .home-page .home-menu {
    padding: 0;
    margin: 50px 0 !important; }
    .home-page .home-menu li {
      padding: 0;
      margin: 10px 0; }
    .home-page .home-menu a {
      text-align: center;
      font-size: 4rem;
      padding: 10px 0;
      margin: 0;
      color: black;
      text-decoration: underline; }

.mock-draft-main .page-headers {
  padding: 20px 0 0 0; }
.mock-draft-main img {
  margin-top: 25px; }
.mock-draft-main p {
  text-align: center; }
.mock-draft-main a {
  font-size: 3rem;
  text-decoration: underline;
  text-align: center;
  color: black; }

.mock-drafts {
  min-height: calc(100vh - 350px); }
  .mock-drafts h1 {
    text-align: center;
    margin: 20px 0; }
  .mock-drafts table {
    max-width: 100%; }
    .mock-drafts table img {
      width: 20px; }
    .mock-drafts table td {
      text-align: center; }

.team-draft-boards {
  min-height: calc(100vh - 350px); }
  .team-draft-boards h2 {
    text-align: center; }

.recent-draft-main .page-headers {
  padding: 20px 0 0 0; }
.recent-draft-main img {
  margin-top: 25px; }
.recent-draft-main p {
  text-align: center; }
.recent-draft-main a {
  font-size: 3rem;
  text-decoration: underline;
  text-align: center;
  color: black; }

.recent-drafts h3 {
  text-align: center;
  padding: 0;
  margin: 20px 0; }
.recent-drafts .title-bar {
  background-color: transparent; }
  .recent-drafts .title-bar a {
    display: inline-block;
    background-color: #2D2C2D;
    border: 2px solid #2D2C2D;
    border-radius: 10px;
    margin-top: 30px;
    padding: 10px;
    color: white; }
  .recent-drafts .title-bar a:hover {
    color: red; }

.salient-prospects {
  min-height: calc(100vh - 350px); }
  .salient-prospects h1 {
    text-align: center;
    margin-top: 30px; }
  .salient-prospects div#salientDefinition {
    background-color: white;
    border: 3px solid #2D2C2D;
    border-radius: 15px;
    padding: 10px 20px;
    margin: 50px 0 0 0;
    overflow-x: auto;
    text-align: center; }
    .salient-prospects div#salientDefinition img {
      display: inline;
      width: 25%;
      float: left; }
    .salient-prospects div#salientDefinition img:last-child {
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      float: right; }
    .salient-prospects div#salientDefinition p {
      display: inline-block; }
      .salient-prospects div#salientDefinition p span:first-child {
        font-size: 2rem; }
  .salient-prospects div#salientEvaluations h3 {
    text-align: center; }
  .salient-prospects div#salientEvaluations .tabs-title a {
    font-size: 1rem;
    text-align: center;
    color: black; }

footer {
  height: 100px;
  background-color: #2D2C2D;
  padding: 10px 0;
  margin-top: 100px;
  position: relative;
  bottom: 0; }
  footer .designby p {
    line-height: 2;
    text-align: center;
    font-size: 0.8rem;
    color: white;
    padding: 0;
    margin: 0; }