@font-face {
  font-family: "Graphik-Regular-Web";
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url("../../fonts/Graphik/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Graphik/Graphik-Regular-Web.woff") format("woff"), url("../../fonts/Graphik/Graphik-Regular-Web.ttf") format("truetype"), url("../../fonts/Graphik/Graphik-Regular-Web.svg") format("svg");
}
/* TRANSITION */
/* COLORS */
/* SOCIAL */
/* MIXINS */
/*
 grayscale      ex: filter: grayscale(100%);
 sepia          ex: filter: sepia(100%);
 saturate       ex: filter: saturate(0%);
 hue-rotate     ex: filter: hue-rotate(45deg);
 invert         ex: filter: invert(100%);
 brightness     ex: filter: brightness(15%);
 contrast       ex: filter: contrast(200%);
 blur           ex: filter: blur(2px);
 */
/* Small devices (landscape phones, 360px and up) */
@media only screen and (min-width: 576px) {
  /* MAX WIDTH */
  /* APP DOWNLOAD */
  /* MAIN CTA + LAYER */
  /* DOUBLE CTA */
  /* GO FURTHER */
  /* JOBS CARDS LIST */
  .mw-sm-100 {
    max-width: 100% !important;
  }
  .mw-sm-95 {
    max-width: 95% !important;
  }
  .mw-sm-90 {
    max-width: 90% !important;
  }
  .mw-sm-85 {
    max-width: 85% !important;
  }
  .mw-sm-80 {
    max-width: 80% !important;
  }
  .mw-sm-75 {
    max-width: 75% !important;
  }
  .mw-sm-70 {
    max-width: 70% !important;
  }
  .mw-sm-65 {
    max-width: 65% !important;
  }
  .mw-sm-60 {
    max-width: 60% !important;
  }
  .mw-sm-55 {
    max-width: 55% !important;
  }
  .mw-sm-50 {
    max-width: 50% !important;
  }
  .mw-sm-45 {
    max-width: 45% !important;
  }
  .mw-sm-40 {
    max-width: 40% !important;
  }
  .mw-sm-35 {
    max-width: 35% !important;
  }
  .mw-sm-30 {
    max-width: 30% !important;
  }
  .mw-sm-25 {
    max-width: 25% !important;
  }
  .mw-sm-20 {
    max-width: 20% !important;
  }
  .mw-sm-15 {
    max-width: 15% !important;
  }
  .mw-sm-10 {
    max-width: 10% !important;
  }
  .mw-sm-5 {
    max-width: 5% !important;
  }
  .mw-sm-0 {
    max-width: 0% !important;
  }
  .app-download a {
    display: inline-block;
  }
  .app-download a.appstore {
    width: 190px;
  }
  .app-download a.google-play {
    width: 202px;
  }
  .app-download a + a {
    margin-top: 0;
    margin-left: 8px;
  }
  .main-cta .v {
    max-width: 80%;
    margin: 0 auto;
  }
  .main-cta .column + .column {
    margin-top: 0;
  }
  .double-cta {
    text-align: left;
  }
  .go-further .v {
    margin-bottom: 0;
  }
  .widget-list-cta .v {
    float: left;
    width: 33%;
    margin-left: 0;
    margin-right: 30px;
    margin-bottom: 0;
  }
  .jobs-cards-list .card {
    padding-bottom: 60px;
  }
  .jobs-cards-list .card p.date {
    position: absolute;
    bottom: 30px;
    left: 30px;
    margin-top: 0;
  }
  .jobs-cards-list .card .bt {
    position: absolute;
    right: 20px;
    bottom: 30px;
    margin-top: 0;
  }  
  .no-results .item-side h2{
        font-size: 22px !important;
        background-repeat: no-repeat;
        background-position: bottom right !important;
        background-size: 70px !important;
        padding-right: 0px !important;
        width: 285px !important;
    }
    
    .encart img {
        width: 40%;    
    }    
    .encart .rte > h1, .encart .rte > h2 {
        font-size: 30px;
        margin: 40px 0 30px 0;
        padding: 0 0 0 50px;
    }
    .encart .rte h4 {
        margin: 10px 0 10px 0px;
        padding: 0 0 0 50px;
        font-size: 20px;
    }
}