/* STANDARD FONT SETTINGS - TRY TO STANDARDIZE AT SOME STAGE
    Targetting the b element allows bold */
.mgz-wrapper b {
  font-weight: bold; }

/* Font weight is set to avoid heading from automatically displaying bold.
margins are removed to allow more control over formatting. */
.mgz-wrapper h1 {
  font-size: 2em;
  letter-spacing: 0.05em;
  font-weight: normal;
  margin: 0; }

.mgz-wrapper h2 {
  font-size: 1.7em;
  letter-spacing: 0.05em;
  font-weight: normal;
  margin: 0; }

.mgz-wrapper h3 {
  font-size: 1.5em;
  letter-spacing: 0.05em;
  font-weight: normal;
  margin: 0; }

.mgz-wrapper h4 {
  font-size: 1.3em;
  letter-spacing: 0.05em;
  font-weight: normal;
  margin: 0; }

.mgz-wrapper h5 {
  font-size: 1.1em;
  letter-spacing: 0.05em;
  font-weight: normal;
  margin: 0; }

.mgz-wrapper p {
  margin: 0; }

ol, ul {
  margin: 0px; }

/* FONT SIZE
In the following media section the div font size is set.
The different heading sizes references the div font size using it's local em value.
In this way a single modification is necessary to update all heading proportionately. 
*/
@media screen and (min-width: 1650px) {
  .mgz-wrapper {
    font-size: 1.25rem; } }
@media screen and (min-width: 1200px) and (max-width: 1649px) {
  .mgz-wrapper {
    font-size: 1.2rem; } }
@media screen and (min-width: 990px) and (max-width: 1199px) {
  .mgz-wrapper {
    font-size: 1.15rem; } }
@media screen and (min-width: 768px) and (max-width: 989px) {
  .mgz-wrapper {
    font-size: 1.1rem; } }
@media screen and (min-width: 576px) and (max-width: 767px) {
  .mgz-wrapper {
    font-size: 1.05rem; } }
@media screen and (min-width: 0px) and (max-width: 575px) {
  .mgz-wrapper {
    font-size: 1rem; } }