.extract {
  font-size: 14px;
  margin-left: 20px;
  font-family: 'proxima_nova_ltlight'; }

.main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme {
  display: table; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme a {
    color: #fff;
    font-family: 'Philosopher', sans-serif;
    font-size: 30px; }
    .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme a .title-blur {
      text-shadow: -7px 2px 4px white;
      -webkit-filter: blur(2px);
      /* Chrome, Safari, Opera */
      filter: blur(2px);
      opacity: 0.5;
      margin-bottom: 30px;
      white-space: nowrap;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease; }
    .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme a .title-opacity {
      opacity: 0.2;
      margin-bottom: 30px;
      white-space: nowrap;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease; }
    .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme a .legend-container {
      opacity: 0;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease; }
      .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme a .legend-container .text {
        font-size: 16px;
        margin-bottom: 10px; }
        .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme a .legend-container .text p {
          margin: 0; }
      .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme a .legend-container .more {
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 12px;
        font-family: 'proxima_nova_ltlight'; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme .line-top {
    width: 93px;
    height: 3px;
    background-color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    opacity: 0;
    margin-bottom: 10px; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme:hover a .title-blur {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    text-shadow: none;
    box-shadow: 0 0 0 transparent;
    animation-name: hoverTitle;
    animation-duration: 1s; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme:hover a .title-opacity {
    opacity: 1; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme:hover a .legend-container {
    opacity: 1; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .poeme:hover .line-top {
    opacity: 1; }

.main-wrapper .poemes-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%; }
  .main-wrapper .poemes-wrapper .more-white {
    margin: 0 auto;
    display: table;
    text-align: center;
    border-bottom: 1px dotted #000;
    padding: 10px 100px;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 50px; }
  .main-wrapper .poemes-wrapper .poeme-container {
    margin-top: 150px;
    margin-left: 284px;
    margin-bottom: 200px;
    padding: 30px 100px;
    position: relative;
    float: left;
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease; }
    .main-wrapper .poemes-wrapper .poeme-container:hover {
      background-color: #fff; }
    .main-wrapper .poemes-wrapper .poeme-container .line {
      position: absolute;
      top: 0;
      left: 50px;
      height: 4px;
      width: 93px;
      background-color: #000; }
    .main-wrapper .poemes-wrapper .poeme-container .title {
      font-size: 36px;
      line-height: 36px;
      font-family: 'Philosopher', sans-serif;
      letter-spacing: 1px;
      margin-left: 20px;
      margin-bottom: 45px;
      max-width: 450px; }
    .main-wrapper .poemes-wrapper .poeme-container .text {
      font-family: 'Philosopher', sans-serif;
      font-size: 16px;
      max-width: 650px; }
    .main-wrapper .poemes-wrapper .poeme-container .more {
      margin: 0 auto;
      display: table;
      font-size: 12px;
      letter-spacing: 1px;
      border-bottom: 1px dotted #000;
      padding: 10px 100px; }
      .main-wrapper .poemes-wrapper .poeme-container .more a {
        text-transform: uppercase; }
  .main-wrapper .poemes-wrapper .poeme-attached {
    float: right;
    margin-right: 314px;
    padding: 30px 100px;
    margin-bottom: 100px;
    position: relative;
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease; }
    .main-wrapper .poemes-wrapper .poeme-attached:hover {
      background-color: #fff; }
    .main-wrapper .poemes-wrapper .poeme-attached .line {
      height: 4px;
      width: 93px;
      background-color: #000;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0%); }
    .main-wrapper .poemes-wrapper .poeme-attached .title {
      font-size: 36px;
      line-height: 36px;
      font-family: 'Philosopher', sans-serif;
      letter-spacing: 1px;
      margin-bottom: 45px;
      margin-left: 20px;
      max-width: 450px; }
    .main-wrapper .poemes-wrapper .poeme-attached .text {
      font-family: 'Philosopher', sans-serif;
      font-size: 16px;
      max-width: 650px; }
    .main-wrapper .poemes-wrapper .poeme-attached .more {
      width: 100%;
      text-align: center;
      margin-top: 50px;
      font-size: 12px;
      letter-spacing: 1px; }
      .main-wrapper .poemes-wrapper .poeme-attached .more a {
        text-transform: uppercase; }
  .main-wrapper .poemes-wrapper .poeme-attached-project {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 100px; }
    .main-wrapper .poemes-wrapper .poeme-attached-project .line {
      margin: 0 auto;
      height: 4px;
      width: 93px;
      background-color: #000;
      margin-bottom: 30px; }
    .main-wrapper .poemes-wrapper .poeme-attached-project .title {
      font-size: 36px;
      line-height: 43px;
      font-family: 'Philosopher', sans-serif;
      letter-spacing: 1px;
      margin-top: 10px; }
      .main-wrapper .poemes-wrapper .poeme-attached-project .title a {
        text-decoration: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
        .main-wrapper .poemes-wrapper .poeme-attached-project .title a:hover {
          color: #888; }
    .main-wrapper .poemes-wrapper .poeme-attached-project .text {
      font-family: 'Philosopher', sans-serif;
      font-size: 16px; }
    .main-wrapper .poemes-wrapper .poeme-attached-project .more-bottom {
      margin: 0 auto;
      display: table;
      text-align: center;
      border-bottom: 1px dotted #000;
      padding: 10px 100px;
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .main-wrapper .poemes-wrapper .poeme-attached-project .more {
      margin: 0 auto;
      display: table;
      text-align: center;
      line-height: 12px;
      letter-spacing: 2px; }
      .main-wrapper .poemes-wrapper .poeme-attached-project .more a {
        color: #000;
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
        padding: 5px 10px;
        border: 1px solid #000;
        text-transform: uppercase;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
        .main-wrapper .poemes-wrapper .poeme-attached-project .more a:hover {
          background: #000;
          color: #fff; }

@keyframes hoverTitle {
  0% {
    -webkit-filter: blur(2px);
    /* Chrome, Safari, Opera */
    filter: blur(2px); }
  25% {
    -webkit-filter: blur(10px);
    /* Chrome, Safari, Opera */
    filter: blur(10px); }
  50% {
    -webkit-filter: blur(0px);
    /* Chrome, Safari, Opera */
    filter: blur(0px);
    opacity: 0.6; }
  100% {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    text-shadow: none;
    box-shadow: 0 0 0 transparent; } }

@media screen and (max-width: 1200px) {
  .main-wrapper .poemes-wrapper {
    margin: 0 auto;
    width: 70%; }
  .main-wrapper .poemes-wrapper .poeme-container,
  .main-wrapper .poemes-wrapper .poeme-attached {
    margin: 0 auto;
    margin-top: 100px; } }

@media screen and (max-width: 900px) {
  .main-wrapper .poemes-wrapper {
    margin: 0 auto;
    width: 80%; } }

@media screen and (max-width: 768px) {
  .main-wrapper .poemes-wrapper {
    margin: 0 auto;
    width: 80%; }
  .main-wrapper .poemes-wrapper .poeme-container,
  .main-wrapper .poemes-wrapper .poeme-attached {
    padding: 20px; }
  .main-wrapper .poemes-wrapper .poeme-attached-project {
    margin-top: 40px; } }

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