/*  General CSS */
body {
  background: #fff;
}

.wrapper {
  width: 92.7273%;
  margin: 0 auto;
}

header ul.social li a,
.main .work a .caption,
header nav ul li a {
  transition: padding-left 0.3s ease-in-out;
  transition: all 0.1s linear;
  transition: all 0.1s linear;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #4b4848;
  font-family:
    'noto-sans-sc',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'Microsoft YaHei',
    '微软雅黑',
    'Apple Color Emoji',
    'Segoe UI Emoji',
    sans-serif;
  letter-spacing: 1px;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.75em 0;
}
h3 {
  font-size: 1.17em;
  margin: 0.83em 0;
}
h4 {
  font-size: 1.4em;
  margin: 1em 0;
}
h5 {
  font-size: 1.3em;
  margin: 1.2em 0;
}
h6 {
  font-size: 1.25em;
  margin: 1.4em 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bolder;
}

.clearfix::before,
.clearfix::after {
  content: ' ';
  display: table;
}
.clearfix::after {
  clear: both;
}