html {
  min-height: 100%;
  font-size: 62.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3 {
  margin: 0;
  font-weight: normal;
  font-size: 2.8rem; }

body {
  min-height: 100vh;
  margin: 0;
  padding: 0 0 24.2rem;
  font-family: ff-scala, sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.6rem;
  color: #fff;
  background: url(../images/background.jpg) center center no-repeat;
  background-size: cover; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body {
      background-image: url(../images/background@2x.jpg); } }
  @media (-webkit-min-device-pixel-ratio: 6.25), (min-resolution: 600dpi) {
    body {
      background-image: url(../images/background@3x.jpg); } }

header {
  position: relative;
  margin: 4.5rem 9rem; }
  @media (max-width: 767px) {
    header {
      margin: 3.5rem 1.5rem; } }
  header h1 {
    width: 15.7rem;
    height: 1.9rem;
    background: url(../images/logo-nbl-chkn.svg) center center no-repeat;
    background-size: contain;
    overflow: hidden;
    text-indent: -999px; }
  header aside {
    float: right; }

main {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  main section {
    display: flex;
    flex-wrap: nowrap; }
    @media (max-width: 767px) {
      main section {
        display: block; } }
    main section .logo-box {
      width: 27.9rem;
      height: 41.9rem;
      margin: 14.4rem 0 1.8rem;
      padding-top: 15.3rem;
      background: url(../images/chicken-crowned.png) center center no-repeat;
      background-size: cover;
      background-size: contain;
      order: 2; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        main section .logo-box {
          background-image: url(../images/chicken-crowned@2x.png); } }
      @media (-webkit-min-device-pixel-ratio: 6.25), (min-resolution: 600dpi) {
        main section .logo-box {
          background-image: url(../images/chicken-crowned@3x.png); } }
      main section .logo-box svg {
        width: 18.3rem;
        height: 18.3rem; }
      @media (max-width: 767px) {
        main section .logo-box {
          width: 22.3rem;
          height: 33.5rem;
          margin: 4.4rem auto 1.8rem; }
          main section .logo-box svg {
            width: 14.6rem;
            height: 14.6rem; } }
    main section h2 {
      order: 2; }
      @media (min-width: 768px) {
        main section h2 {
          margin-top: calc(14.4rem + (41.5rem / 2));
          margin-right: auto;
          margin-left: 0;
          text-align: left; }
          main section h2:nth-of-type(1) {
            order: 1;
            text-align: right;
            margin-right: 0;
            margin-left: auto; } }

@media (max-width: 767px) {
  .index2 main section h2 {
    display: none; } }

.index2 main article {
  position: relative;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 2rem);
  max-width: 85rem;
  margin: -12.5rem auto 0;
  padding: 12rem 12rem 9rem;
  background-color: rgba(255, 255, 255, 0.6);
  color: #000000; }
  .index2 main article h2 {
    font-size: 4.1rem;
    font-weight: bold;
    font-style: normal; }
  .index2 main article p {
    font-size: 2rem;
    line-height: 1.5em; }
  @media (max-width: 767px) {
    .index2 main article {
      width: calc(100% - 3rem);
      margin: -7.5rem 1.5rem 0;
      padding: 9.5rem 2rem 6rem; }
      .index2 main article h2 {
        font-size: 3.6rem; }
      .index2 main article p {
        font-size: 1.8rem; } }

.index2 main a.logo {
  position: absolute;
  width: 9.2rem;
  left: 50%;
  margin-top: -4.6rem;
  margin-left: -4.6rem; }
  .index2 main a.logo img {
    width: 100%; }