/* ==============================================
   Base
============================================== */

/**
 * General font rules
 *
 * [1] - Disabling text-rendering until it is safe to use.
 */
html,
button,
input,
select,
textarea {
  font-family: $font-family;
  -webkit-font-smoothing: antialiased;
  // text-rendering: optimizeLegibility;    /* [1] */
  color: $primary-color;
}


/**
 * [1] - Prevent images from exceding their containers
 * [2] - Remove gap below images
 */
img {
  max-width: 100%;          /* [1] */
  vertical-align: middle;   /* [2] */
}