:root {
    --space-small:25px;
    --space-medium:50px;
    --space-large:100px;
  }

  img{
    width: 100%;
  }
  
  /* -------------------------------------------------------------------------- */
  /*                                   MARGIN                                   */
  /* -------------------------------------------------------------------------- */
.mt-s{
    margin-top:var(--space-small);
}
.mb-s{
    margin-bottom:var(--space-small);
}
.mt-m{
    margin-top:var(--space-medium);
}
.mb-m{
    margin-bottom:var(--space-medium);
}
.mt-l{
    margin-top:var(--space-large);
}
.mb-l{
    margin-bottom:var(--space-large);
}


/* -------------------------------------------------------------------------- */
/*                                   PADDING                                  */
/* -------------------------------------------------------------------------- */
.pt-s{
    padding-top:var(--space-small);
}
.pb-s{
    padding-bottom:var(--space-small);
}
.pt-m{
    padding-top:var(--space-medium);
}
.pb-m{
    padding-bottom:var(--space-medium);
}
.pt-l{
    padding-top:var(--space-large);
}
.pb-l{
    padding-bottom:var(--space-large);
}