/* ********** Custom Properties ********** */
:root {
  --main-font: 'Lato';
  --alternate-font: sans-serif;
  --font-size: 16px;
  --line-height: 1.6;

  --main-color: #2B2B2B;
  --main-modal-color: rgba(43, 43, 43, .75);
  --second-color: #ffffff;
  --second-modal-color: rgba(255, 255, 255, .75);

  --bg-color: #6693D8;
  --bg-modal-color: rgba(102, 147, 216, .5);
  --bg-alternate-color: hsl(0, 0%, 95%);
  --border-color: #DDD;

  --text-color: #333;
  --title-color: var(--second-color);

  --link-color: var(--main-color);
  --link-hover-color: var(--bg-color);

  --container-width: 1200px;
  --header-height: 7rem;
}