@font-face {
  font-family: 'Gibson';
  font-weight: 300;
  font-style: normal;
  src: url("./fonts/Gibson-Light.otf"); }
@font-face {
  font-family: 'Gibson';
  font-weight: 300;
  font-style: italic;
  src: url("./fonts/Gibson-LightIt.otf"); }
@font-face {
  font-family: 'Gibson';
  font-weight: 400;
  font-style: normal;
  src: url("./fonts/Gibson-Regular.otf"); }
@font-face {
  font-family: 'Gibson';
  font-weight: 400;
  font-style: italic;
  src: url("./fonts/Gibson-Italic.otf"); }
@font-face {
  font-family: 'Gibson';
  font-weight: 600;
  font-style: normal;
  src: url("./fonts/Gibson-SemiBold.otf"); }
@font-face {
  font-family: 'Gibson';
  font-weight: 600;
  font-style: italic;
  src: url("./fonts/Gibson-SemiboldIt.otf"); }
@font-face {
  font-family: 'Gibson';
  font-weight: 700;
  font-style: normal;
  src: url("./fonts/Gibson-Bold.otf"); }
@font-face {
  font-family: 'Gibson';
  font-weight: 700;
  font-style: italic;
  src: url("./fonts/Gibson-BoldItalic.otf"); }
body {
  font-family: "Gibson", "canada-type-gibson", sans-serif;
  font-size: 16px; }

#landing-image {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: #fff; }
  #landing-image #mobile-image {
    display: none; }
  #landing-image #desktop-image {
    display: block;
    position: absolute;
    margin: auto; }
  @media (max-width: 800px) {
    #landing-image #mobile-image {
      display: block;
      position: absolute;
      width: 100vw;
      max-width: 100%;
      top: 0; }
    #landing-image #desktop-image {
      display: none; } }

#social-shares {
  position: absolute;
  left: calc(50% - 38px);
  /* manually measured */
  top: 378px; }
  @media (max-width: 600px) {
    #social-shares {
      left: calc(50% - 27px); } }
  @media (max-width: 500px) {
    #social-shares {
      left: calc(50% - 21px); } }
  #social-shares .share {
    margin: 6px;
    text-decoration: none; }
    @media (max-width: 600px) {
      #social-shares .share {
        margin: 3px; } }
    #social-shares .share svg {
      stroke: #7A7A7A;
      height: 24px;
      width: 24px; }
      @media (max-width: 600px) {
        #social-shares .share svg {
          height: 20px;
          width: 20px; } }
      @media (max-width: 500px) {
        #social-shares .share svg {
          height: 16px;
          width: 16px; } }
    #social-shares .share:hover.twitter svg, #social-shares .share:active.twitter svg {
      stroke: #FC5C94; }
    #social-shares .share:hover.facebook svg, #social-shares .share:active.facebook svg {
      stroke: #03E7B0; }

#youtube-wrapper {
  /*
    original video container dimensions:
    these should match up with the variables set
    in main.js in updateSizing()
  */
  width: 446px;
  height: 251px;
  top: 152px;
  left: calc(50% - 223px);
  /* 446 / 2 */
  position: absolute; }
  #youtube-wrapper #youtube-video {
    position: relative;
    height: 100%; }
    #youtube-wrapper #youtube-video iframe {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      position: absolute; }

/*# sourceMappingURL=main.css.map */