:root{
  --dark: #33333F;
  --dark-grey: #3F3F4A;
  --disabled: ;
  --white: #ffffff;
  --light: #ced4da;
  --primary: #416eb6;
}

/* Common */
.default-font{
  color: var(--dark);
}

.primary-font{
  color: var(--primary);
}

.light-font{
  color: var(--white);
}

.section-container{
  padding: 6rem 2rem;
}

.section-shadow{
  box-shadow: 0px 1px 6px rgba(0, 0, 0, .16);
}

.nav-bg{
  z-index: 999;
  background-color: var(--white);
}

.footer{
  background-color: var(--primary);
}

p{
  text-align: justify;
}

/* headings */
.lg-font{
  font-family: 'Fira Sans', sans-serif;
  font-weight: 600;
  font-size: 3.2em;
}

.md-font{
  font-family: 'Fira Sans', sans-serif;
  font-weight: 600;
  font-size: 2em;
  line-height: 1.3em;
}

.sm-head{
  font-weight: 800;
  font-size: 1em;
}

.xs-head{
  font-weight: 800;
  font-size: 0.725em;
}