html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-color: #fff;
  text-align: left;
}

a {
  img {
    border: none;
  }
}

::selection {
  background: #000000;
  color: #ffffff;
}

.hidden {
  display: none;
}

.mess {
  position: absolute !important;
}

.xFixed {
  position: fixed !important;
}

.row {
  width: 100%;
  clear: both;
  vertical-align: baseline;
  zoom: 1;

  &::before,
  &::after {
    content: "";
    display: table;
  }

  &::after {
    clear: both;
  }

  .column {
    float: left;
    position: relative;
    min-height: 1px;
    vertical-align: baseline;
    box-sizing: border-box;

    &.pull-right {
      float: right;
    }
  }

  .column-half {
    width: 50%;
  }

  .column-third {
    width: 33.33333%;
  }

  .column-fourth {
    width: 25%;
  }
}

.pull-right {
  float: right;
}

.xCenteringGuide {
  position: fixed;
  height: 100%;
}

.social-icon {
  display: inline-block;

  svg {
    width: 24px;
    height: 24px;
  }

  &:not(:last-child) {
    margin-right: .5em;
  }
}
