@import url("https://cloud.typography.com/655080/6542352/css/fonts.css");
@import url("../fonts/MyFontsWebfontsKit.css");
.fiftyfifty-container {
  width: 100%;
  position: relative;
  display: table; }
  .fiftyfifty-container .fifty {
    width: 50%;
    position: relative;
    min-height: 350px; }
    @media (max-width: 480px) {
      .fiftyfifty-container .fifty {
        width: 100%; } }
  .fiftyfifty-container .left {
    float: left; }
  .fiftyfifty-container .right {
    float: right; }
  .fiftyfifty-container .content-container {
    position: relative; }
    .fiftyfifty-container .content-container a.fill-container {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0; }
    .fiftyfifty-container .content-container.divider {
      border-left: 2px solid white; }
      @media (max-width: 480px) {
        .fiftyfifty-container .content-container.divider {
          border-top: 2px solid white;
          border-left: none; } }
  .fiftyfifty-container .content {
    padding-top: 70px;
    padding-bottom: 100px;
    box-sizing: border-box;
    display: table;
    padding-right: 150px !important; }
    @media (max-width: 780px) {
      .fiftyfifty-container .content {
        text-align: center;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin: 0 auto;
        color: white;
        /*h1 {
                margin-left: auto;
                margin-right: auto;
            }*/ }
        .fiftyfifty-container .content a.button {
          left: 50%;
          transform: translateX(-50%); } }
    @media (max-width: 780px) {
      .fiftyfifty-container .content {
        padding-left: 30px;
        padding-right: 30px; } }
    .fiftyfifty-container .content img {
      margin-bottom: 30px; }
    .fiftyfifty-container .content .body {
      margin-bottom: 60px; }
      .fiftyfifty-container .content .body strong,
      .fiftyfifty-container .content .body * strong,
      .fiftyfifty-container .content .body strong * {
        font-family: "avenirbold", Arial Bold, sans-serif; }
      .fiftyfifty-container .content .body h1,
      .fiftyfifty-container .content .body h1 *,
      .fiftyfifty-container .content .body h1 * * {
        font-family: "Knockout 67 A", "Knockout 67 B", Haettenschweiler;
        letter-spacing: 2px;
        margin-top: 0px;
        margin-bottom: 20px;
        line-height: 45px;
        font-size: 100px !important;
        line-height: 75px;
        font-weight: normal; }
      .fiftyfifty-container .content .body h2,
      .fiftyfifty-container .content .body h2 *,
      .fiftyfifty-container .content .body h2 * * {
        font-family: "Knockout 67 A", "Knockout 67 B", Haettenschweiler;
        letter-spacing: 2px;
        margin-top: 0px;
        margin-bottom: 20px;
        line-height: 45px;
        font-size: 80px !important;
        line-height: 60px !important;
        font-weight: normal; }
      .fiftyfifty-container .content .body p, .fiftyfifty-container .content .body p * {
        font-size: 17px !important;
        line-height: 1.5em;
        font-family: "avenirregular", Arial, sans-serif; }
    .fiftyfifty-container .content a.button {
      color: white;
      border-color: white;
      position: absolute;
      bottom: 70px; }
      .fiftyfifty-container .content a.button:hover {
        color: white;
        background-color: #d7ab4e;
        border-color: #d7ab4e; }
    .fiftyfifty-container .content.centered {
      padding-left: 150px !important;
      text-align: center; }
      @media (max-width: 780px) {
        .fiftyfifty-container .content.centered {
          padding-left: 30px !important;
          padding-right: 30px !important; } }
      .fiftyfifty-container .content.centered h1 {
        margin-left: auto;
        margin-right: auto; }
      .fiftyfifty-container .content.centered a.button {
        left: 50%;
        transform: translateX(-50%); }
  .fiftyfifty-container .content-container {
    height: 100%;
    min-height: 350px; }
    .fiftyfifty-container .content-container.image {
      background-size: cover !important; }
  .fiftyfifty-container .hover.content-container {
    opacity: 0;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-size: cover !important; }
    .fiftyfifty-container .hover.content-container a.full {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .fiftyfifty-container .hover.content-container:hover {
      opacity: 1; }