html {
  width: 100vw;
  max-width: 100%; }
  html {
    line-height: 1.2rem; }
    @media screen and (min-width: 20rem) {
      html {
        line-height: calc(0.6666666667vw + 1.0666666667rem); } }
    @media screen and (min-width: 80rem) {
      html {
        line-height: 1.6rem; } }

body {
  font-family: 'Libre Baskerville', serif;
  color: #fff;
  width: 100%;
  padding: 0;
  height: 100vh;
  overflow-y: auto;
  font-size: 15px;
  color: #000000;
  background-color: #DEAB42;
  background-image: url("/img/mainBg.jpg");
  background-size: cover;
  background-repeat: no-repeat; }

#mainContainer {
  width: 100%;
  padding: 0;
  min-height: 100vh;
  margin: 0 auto; }
  @media (min-width: 1024px) {
    #mainContainer {
      max-width: 1000px; } }

.overFlowHide {
  overflow: hidden !important; }

.pcOnly {
  display: none; }
  @media (min-width: 768px) {
    .pcOnly {
      display: inline; } }

.section {
  height: auto;
  width: 100%;
  clear: both; }

.fontWeightNormal {
  font-weight: 400; }

.fullScreenSection {
  height: 100vh; }

.container {
  display: inline-block;
  padding: 80px 20px;
  width: inherit; }
  @media (min-width: 768px) {
    .container {
      padding: 100px 4vw; } }
  @media (max-height: 300px) {
    .container {
      padding: 10px 20px; } }

.c-1-1 {
  width: 100%; }

.c-1-2 {
  width: 50%;
  float: left; }

@media (min-width: 768px) {
  .c-1-2-md {
    float: left;
    width: 50%; } }

@media (min-width: 768px) {
  .c-1-3-md {
    width: 33.33%;
    float: left; } }

@media (min-width: 768px) {
  .c-2-3-md {
    width: 66.66%;
    float: left; } }

.c-1-3 {
  width: 33.33%;
  float: left; }

.c-2-3 {
  width: 66.66%;
  float: left; }

.backgroundCoverImage {
  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.backgroundCoverImageCenter {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  outline-style: none; }

h1,
h2,
h3,
h4,
h5 {
  line-height: 100%; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0; }

a {
  text-decoration: none;
  font-family: inherit;
  color: inherit; }

p,
div,
button {
  font-size: inherit;
  font-weight: 400; }
  @media (min-width: 768px) {
    p,
    div,
    button {
      font-size: inherit; } }

p,
ul {
  margin-top: 1rem;
  padding: 0; }

h1 {
  font-size: 1.602rem;
  font-weight: 900;
  margin-top: 1.602rem; }

h2 {
  font-size: 1.424rem;
  font-weight: 800;
  margin-top: 1.424rem; }

h3 {
  font-weight: 700;
  font-size: 1.266rem;
  margin-top: 1.266rem; }

h4 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 1.125rem; }

h5 {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 1rem; }

small,
.font_small {
  font-size: 0.75em; }
  @media (min-width: 768px) {
    small,
    .font_small {
      font-size: 0.833em; } }

/*
h1,
h2,
h3,
h4,
h5 {
  @include interpolate(
    (padding-top, padding-bottom),
    20rem,
    70rem,
    0rem,
    0.3rem
  );
}
*/