/* Work Sans Variable Font */
@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Oswald Variable Font */
@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

/* Merriweather Variable Font */
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

/* Roboto Variable Font */
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-width: 80;
}



/* Font Stacks for Use */
:root {
  --body-font: 'Roboto';
  --heading-font: 'Oswald', sans-serif;
  --menu-font: 'Oswald', sans-serif;
  --contact-font: 'WorkSans', sans-serif;
  --button-font: 'Oswald', sans-serif;
}

/* Default Body Text */
body {
  font-family: var(--body-font);
  text-align: left;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
  padding: 0 15px 15px 10px;
}

/* Headings */
h1, h2, h3 {
  font-family: var(--heading-font);
  font-weight: 500;
  margin-bottom: 0.5em;
}

h4 {
 font-family: var(--heading-font);
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.2em;
}

.table-heading {
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1.1;
  display: inline-block;
  margin: 0;
}



/* Menu / Nav */
nav, .menu-bar, .navbar, .main-menu, ul.nav{
  font-family: var(--menu-font);
  font-weight: 400;
  letter-spacing: 0.05em;
}

/* Contact Info */
.contact-info {
  font-family: var(--contact-font);
  font-weight: 400;
  line-height: 1.6;
  color: ##222;
}
/* Button */
.button, .button-inquiries {
  font-family: var(--button-font);
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;

}
