/*** size ***/
/*** fix ***/
section, div, p, h1, h2, h3, h4, h5, header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/*** font ***/
/*** mixin ***/
/*** class ***/
.inside {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  position: relative; }
  @media only screen and (max-width: 979px) {
    .inside {
      width: 100% !important;
      min-width: 320px;
      padding-left: 8vw;
      padding-right: 8vw; } }
  @media only screen and (max-width: 719px) {
    .inside {
      padding-left: 10vw;
      padding-right: 10vw; } }
/*** navigation ***/
label.ham {
  display: flex;
  flex-direction: column;
  width: 20px;
  cursor: pointer; }
  label.ham span {
    background-color: #e04b16;
    border-radius: 0px;
    height: 2px;
    margin: 2px 0;
    -webkit-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
    transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6); }
  label.ham span:nth-of-type(1) {
    width: 100%; }
  label.ham span:nth-of-type(2) {
    width: 100%; }
  label.ham span:nth-of-type(3) {
    width: 100%; }
  label.ham input[type="checkbox"] {
    display: none; }
  label.ham input[type="checkbox"]:checked ~ span:nth-of-type(1) {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: rotatez(45deg) translate(4px, 4px);
            transform: rotatez(45deg) translate(4px, 4px); }
  label.ham input[type="checkbox"]:checked ~ span:nth-of-type(2) {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: rotatez(-45deg);
            transform: rotatez(-45deg); }
  label.ham input[type="checkbox"]:checked ~ span:nth-of-type(3) {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: translate(0px, -3px) rotatez(45deg);
            transform: translate(0px, -3px) rotatez(45deg);
    opacity: 0; }

/*** general ***/
body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Courier Prime', monospace; }

h1, h2, h3, h4, h5 {
  font-family: 'Allerta Stencil', sans-serif; }

h1 {
  font-size: 92px;
  color: #f7f4f0;
  line-height: 0.80;
  text-transform: uppercase; }

h2 {
  font-size: 32px;
  margin-top: 0px; }

a.arrowed {
  color: #e04b16;
  font-size: 16px;
  padding-right: 30px;
  position: relative;
  font-weight: bold;
  text-decoration: none; }
  a.arrowed::after {
    color: #e04b16;
    content: "";
    position: absolute;
    right: 0px;
    text-decoration: none;
    background-image: url("../images/arrow@2x.png");
    background-size: contain;
    width: 26px;
    height: 15px; }

a.rounded {
  color: #e04b16;
  padding: 8px 16px 7px 16px;
  display: inline-block;
  border-radius: 16px;
  border: 1px solid #e04b16;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold; }
  @media only screen and (max-width: 719px) {
    a.rounded {
      padding: 7px 10px 6px 10px; } }
/*** head ***/
header {
  position: relative;
  padding-top: 80px; }
  header .topheader {
    position: absolute;
    right: 0px;
    top: -50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99; }
    header .topheader .g {
      display: flex;
      align-items: center; }
    header .topheader a.topnav {
      font-size: 13px;
      margin: 0px 10px; }
    header .topheader a.social {
      margin-left: 10px;
      display: inline-block; }
      header .topheader a.social i {
        color: #e04b16; }
    header .topheader .hamContainer {
      margin-bottom: 1px;
      display: none; }
    @media only screen and (max-width: 979px) {
      header .topheader {
        right: 20px; } }
    @media only screen and (max-width: 719px) {
      header .topheader {
        width: 90%;
        left: 5%; }
        header .topheader a.topnav {
          margin: 0 4px;
          font-size: 12px; }
        header .topheader .hamContainer {
          margin-right: 8px;
          display: flex; }
        header .topheader a.social {
          margin-left: 6px; } }
  header .header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between; }
    header .header h1.logo {
      width: 290px;
      height: 92px;
      margin-right: 60px;
      background-image: url("../images/logo.png");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      margin-top: -58px;
      margin-bottom: 24px;
      position: relative; }
      header .header h1.logo a {
        display: block;
        width: 290px;
        height: 92px;
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 22px; }
    header .header nav {
      width: auto;
      max-width: 640px;
      flex-grow: 2; }
      header .header nav ul {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between; }
        header .header nav ul li {
          list-style: none;
          position: relative;
          padding-right: 10px; }
          header .header nav ul li a {
            color: #e04b16;
            text-decoration: none;
            font-size: 18px;
            font-weight: bold;
            display: inline-block; }
          header .header nav ul li.current::before {
            content: "";
            position: absolute;
            width: 100%;
            border-bottom: 10px solid #f7f4f0;
            bottom: 0px;
            display: block;
            z-index: -1;
            left: -3px; }
          header .header nav ul li:last-child {
            padding-right: 0px; }
    @media only screen and (max-width: 979px) {
      header .header {
        flex-direction: column; }
        header .header h1.logo {
          margin: 0 auto 10px auto; }
        header .header nav {
          max-width: 90%; } }
    @media only screen and (max-width: 719px) {
      header .header h1.logo {
        margin: 0 auto 20px auto; }
      header .header nav {
        position: absolute;
        left: -100vw;
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s;
        top: -80px;
        height: 100vh;
        background-color: #f7f4f0;
        z-index: 98;
        max-width: 100vw;
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        header .header nav ul {
          flex-direction: column;
          justify-content: center;
          padding: 0; }
          header .header nav ul li {
            align-items: center;
            margin-bottom: 20px;
            text-align: center; }
            header .header nav ul li a {
              font-size: 1.1em; }
        header .header nav.displayed {
          opacity: 1;
          width: 100vw;
          left: 0px; } }
/*** footer ***/
footer {
  margin-top: 120px;
  margin-bottom: 40px; }
  footer .inside {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 0px 0px 0px; }
    @media only screen and (max-width: 979px) {
      footer .inside {
        width: 100% !important;
        min-width: 320px;
        padding-left: 8vw;
        padding-right: 8vw; } }
    @media only screen and (max-width: 719px) {
      footer .inside {
        padding-left: 10vw;
        padding-right: 10vw; } }
    footer .inside ul {
      display: flex;
      justify-content: space-around; }
      footer .inside ul li {
        color: #73564c;
        font-size: 15px;
        list-style: none; }
        footer .inside ul li a {
          color: #73564c; }

/*** homepage ***/
section.banner {
  width: calc(100% - 60px);
  max-width: 1440px;
  margin: 0 30px;
  background-position: center center;
  background-size: cover;
  background-color: #cfa99b;
  margin: 0 auto; }
  section.banner.home {
    height: 700px; }
    section.banner.home .inside {
      position: relative; }
      section.banner.home .inside h3 {
        position: absolute;
        top: 100px;
        left: 1vw;
        width: 50vw;
        min-width: 300px;
        max-width: 440px;
        background: #f7f4f0;
        opacity: 0.88;
        padding: 36px 30px;
        color: #e04b16;
        font-size: 27px;
        font-family: 'Courier Prime', monospace; }
        @media only screen and (max-width: 719px) {
          section.banner.home .inside h3 {
            width: 80%;
            left: 10%;
            font-size: 24px; } }
  section.banner.page {
    height: 530px;
    margin-bottom: 80px; }
    section.banner.page .inside {
      max-width: 980px;
      margin-right: auto;
      margin-left: auto;
      padding: 0px 0px 0px 0px;
      padding-top: 140px; }
      @media only screen and (max-width: 979px) {
        section.banner.page .inside {
          width: 100% !important;
          min-width: 320px;
          padding-left: 8vw;
          padding-right: 8vw; } }
      @media only screen and (max-width: 719px) {
        section.banner.page .inside {
          padding-left: 10vw;
          padding-right: 10vw; } }
      section.banner.page .inside h1 {
        margin-top: 0px; }
        section.banner.page .inside h1 p {
          margin: 0px; }
    @media only screen and (max-width: 719px) {
      section.banner.page .inside h1 {
        font-size: 64px; } }
    @media only screen and (max-width: 420px) {
      section.banner.page {
        height: 500px; }
        section.banner.page .inside h1 {
          font-size: 38px; } }
  section.banner.mini {
    min-height: 240px;
    margin-bottom: 50px; }
    section.banner.mini .inside {
      max-width: 980px;
      margin-right: auto;
      margin-left: auto;
      padding: 0px 0px 0px 0px;
      padding-top: 40px; }
      @media only screen and (max-width: 979px) {
        section.banner.mini .inside {
          width: 100% !important;
          min-width: 320px;
          padding-left: 8vw;
          padding-right: 8vw; } }
      @media only screen and (max-width: 719px) {
        section.banner.mini .inside {
          padding-left: 10vw;
          padding-right: 10vw; } }
      section.banner.mini .inside h1 {
        margin-top: 0px;
        font-size: 68px; }
        section.banner.mini .inside h1 p {
          margin: 0px; }
    @media only screen and (max-width: 719px) {
      section.banner.mini .inside h1 {
        font-size: 54px; } }
    @media only screen and (max-width: 420px) {
      section.banner.mini .inside h1 {
        font-size: 38px; } }
section.infos.home {
  margin-top: -20px;
  margin-bottom: 60px; }
  section.infos.home .blocList {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 979px) {
      section.infos.home .blocList {
        width: 100%; } }
    section.infos.home .blocList .bloc {
      width: 300px;
      background-color: #f7f4f0;
      position: relative;
      padding-bottom: 50px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      section.infos.home .blocList .bloc h2.title {
        margin-left: -10px;
        margin-top: 60px;
        color: #e04b16;
        text-transform: uppercase;
        line-height: 0.94;
        height: 115px;
        font-size: 30px;
        padding-right: 80px; }
      section.infos.home .blocList .bloc .text {
        padding: 0 30px 40px 40px;
        color: #73564c;
        font-weight: bold;
        width: 100%; }
    @media only screen and (max-width: 979px) {
      section.infos.home .blocList {
        flex-direction: column; }
        section.infos.home .blocList .bloc {
          width: 80%;
          padding: 0px 10px 20px 10px;
          margin: 0 10% 20px 10%; }
          section.infos.home .blocList .bloc h2.title {
            margin: 40px auto 20px auto;
            padding: 0;
            text-align: center;
            font-size: 24px;
            height: auto; }
          section.infos.home .blocList .bloc .text {
            text-align: center;
            padding: 0 30px 20px 30px; } }
section.partenaires {
  margin-bottom: 60px; }
  section.partenaires .inside {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly; }
    section.partenaires .inside a.item-partenaire img {
      height: 120px;
      width: auto; }

section.local {
  width: 100%;
  background-color: #f7f4f0;
  position: relative; }
  section.local::before {
    content: "";
    display: block;
    width: 284px;
    height: 284px;
    background-image: url("../images/picto.png");
    background-size: contain;
    position: absolute;
    z-index: 1;
    top: -64px;
    right: 10vw; }
  section.local .inside {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px 0px;
    z-index: 2; }
    @media only screen and (max-width: 979px) {
      section.local .inside {
        width: 100%; } }
    section.local .inside .map {
      width: 50vw;
      min-width: 280px;
      max-width: 420px;
      margin-top: 20px;
      margin-bottom: 20px; }
    section.local .inside .contact {
      width: 40vw;
      min-width: 300px;
      max-width: 320px; }
    @media only screen and (max-width: 719px) {
      section.local .inside .map {
        width: 100%; }
        section.local .inside .map img {
          -webkit-box-shadow: 0px 0px 8px rgba(51, 51, 51, 0.1);
                  box-shadow: 0px 0px 8px rgba(51, 51, 51, 0.1); } }
  @media only screen and (max-width: 719px) {
    section.local::before {
      right: -10vw; } }
section.contactus .inside.flex {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between; }
  @media only screen and (max-width: 979px) {
    section.contactus .inside.flex {
      width: 100%; } }
section.contactus .inside.bloc {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  margin-top: 10px; }
  @media only screen and (max-width: 979px) {
    section.contactus .inside.bloc {
      width: 100% !important;
      min-width: 320px;
      padding-left: 8vw;
      padding-right: 8vw; } }
  @media only screen and (max-width: 719px) {
    section.contactus .inside.bloc {
      padding-left: 10vw;
      padding-right: 10vw; } }
section.contactus .inside .contact {
  width: 40%;
  min-width: 300px; }

section.contactus .inside .map {
  width: 50%;
  flex-shrink: 2; }
  section.contactus .inside .map a img {
    width: 100%; }

section.contactus .inside .join {
  font-size: 32px;
  font-weight: 600;
  color: #e04b16; }

@media only screen and (max-width: 719px) {
  section.contactus .inside.flex {
    margin-top: 40px;
    flex-direction: column;
    padding-left: 8vw;
    padding-right: 8vw; }
  section.contactus .inside .contact {
    width: 100%;
    max-width: none;
    margin-bottom: 20px; }
  section.contactus .inside .map {
    width: 100%; } }

section.resa {
  background-color: #f7f4f0;
  margin-top: -80px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px; }

section.local .inside, section.local .inside-flex, section.contactus .inside, section.contactus .inside-flex {
  padding: 0 30px; }
  section.local .inside .map img, section.local .inside-flex .map img, section.contactus .inside .map img, section.contactus .inside-flex .map img {
    width: 100%;
    height: auto; }
  section.local .inside .contact, section.local .inside-flex .contact, section.contactus .inside .contact, section.contactus .inside-flex .contact {
    color: #e04b16;
    font-size: 18px; }
    section.local .inside .contact .horaires, section.local .inside-flex .contact .horaires, section.contactus .inside .contact .horaires, section.contactus .inside-flex .contact .horaires {
      margin-bottom: 10px; }
      section.local .inside .contact .horaires .value, section.local .inside-flex .contact .horaires .value, section.contactus .inside .contact .horaires .value, section.contactus .inside-flex .contact .horaires .value {
        font-weight: 600; }

section.blog .inside {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row; }
  section.blog .inside article {
    width: 240px;
    background-color: #f7f4f0;
    padding: 25px 20px;
    margin: 20px; }
    section.blog .inside article h2 {
      font-size: 16px;
      text-align: left;
      margin-bottom: 0px; }
      section.blog .inside article h2 a {
        color: #e04b16;
        text-decoration: none; }

/*** pages ***/
section.infos.page .inside {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: right;
  flex-wrap: nowrap;
  margin-top: -60px;
  margin-bottom: 100px; }
  @media only screen and (max-width: 979px) {
    section.infos.page .inside {
      width: 100%; } }
  section.infos.page .inside.wencart {
    justify-content: space-between; }
  section.infos.page .inside .intro {
    width: 360px;
    min-width: 300px;
    padding: 20px 20px;
    margin-top: -100px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #cfa99b;
    order: 2;
    font-size: 22px; }
    section.infos.page .inside .intro.red {
      background-color: #e04b16;
      color: #f7f4f0; }
      section.infos.page .inside .intro.red .item .value {
        padding-left: 0px; }
        section.infos.page .inside .intro.red .item .value::after {
          display: none; }
    section.infos.page .inside .intro p {
      margin: 0;
      padding: 5px;
      font-weight: 200; }
    section.infos.page .inside .intro a {
      text-decoration: none;
      color: #fff;
      font-weight: 800;
      padding: 15px 5px 10px 5px;
      display: block; }
    section.infos.page .inside .intro .item {
      padding: 20px 0px;
      text-align: center; }
      section.infos.page .inside .intro .item .label p {
        margin: 0;
        padding: 0;
        font-weight: 200; }
      section.infos.page .inside .intro .item .value {
        font-weight: 600;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        padding-left: 28px;
        position: relative;
        margin-top: 2px; }
        section.infos.page .inside .intro .item .value::after {
          content: "";
          position: absolute;
          left: 0px;
          top: 1px;
          text-decoration: none;
          color: #cfa99b;
          background-image: url("../images/arrow@2x.png");
          background-size: contain;
          width: 26px;
          height: 15px; }
  section.infos.page .inside .encart {
    max-width: 600px;
    min-width: 300px;
    margin-right: 20px;
    flex-shrink: 2;
    background-color: #f7f4f0;
    padding: 40px 20px; }
    section.infos.page .inside .encart h2 {
      font-size: 20px;
      text-align: center;
      color: #e04b16;
      width: 80%;
      margin: 0 auto 40px auto;
      padding: 0; }
      section.infos.page .inside .encart h2 p {
        margin: 0;
        padding: 0; }
      section.infos.page .inside .encart h2 strong {
        font-size: 24px;
        display: block; }
    section.infos.page .inside .encart .encart-items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      row-gap: 25px; }
      section.infos.page .inside .encart .encart-items p {
        margin: 0 10px;
        line-height: 1.4em; }
      section.infos.page .inside .encart .encart-items .item {
        min-width: 110px;
        color: #e04b16;
        padding-right: 15px; }
        section.infos.page .inside .encart .encart-items .item .label {
          max-width: 260px; }
          section.infos.page .inside .encart .encart-items .item .label p {
            margin: 0;
            padding: 0; }
        section.infos.page .inside .encart .encart-items .item .value {
          max-width: 260px;
          font-weight: 600;
          padding-left: 28px;
          position: relative;
          margin-top: 2px; }
          section.infos.page .inside .encart .encart-items .item .value::after {
            content: "";
            position: absolute;
            left: 0px;
            top: 1px;
            text-decoration: none;
            color: #cfa99b;
            background-image: url("../images/arrow@2x.png");
            background-size: contain;
            width: 26px;
            height: 15px; }
        section.infos.page .inside .encart .encart-items .item:last-child {
          padding-right: 0px; }
  @media only screen and (max-width: 979px) {
    section.infos.page .inside {
      flex-direction: column;
      align-items: center; }
      section.infos.page .inside h1.logo {
        margin: 0 auto; }
      section.infos.page .inside .intro {
        order: -1;
        margin-top: -100px;
        margin-bottom: 20px; } }
  @media only screen and (max-width: 719px) {
    section.infos.page .inside {
      margin-bottom: 40px; }
      section.infos.page .inside .encart {
        margin-right: 0px; } }
section.content .inside {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 979px) {
    section.content .inside {
      width: 100% !important;
      min-width: 320px;
      padding-left: 8vw;
      padding-right: 8vw; } }
  @media only screen and (max-width: 719px) {
    section.content .inside {
      padding-left: 10vw;
      padding-right: 10vw; } }
  @media only screen and (max-width: 979px) {
    section.content .inside {
      overflow-x: hidden; } }
  section.content .inside .contentbloc {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 220px; }
    section.content .inside .contentbloc .cb-text {
      padding-right: 70px; }
      section.content .inside .contentbloc .cb-text h3 {
        color: #e04b16;
        max-width: 80%; }
      section.content .inside .contentbloc .cb-text .text {
        color: #73564c;
        line-height: 1.67;
        font-size: 18px; }
    section.content .inside .contentbloc .cb-image {
      position: relative;
      width: calc(500px - 10vw);
      height: 50px;
      flex-shrink: 0; }
      section.content .inside .contentbloc .cb-image img {
        position: absolute;
        max-width: 500px;
        right: -10vw;
        top: -110px; }
    section.content .inside .contentbloc:nth-child(2n) .cb-text {
      padding-left: 70px;
      padding-right: 0px; }
    section.content .inside .contentbloc:nth-child(2n) .cb-image {
      order: -1; }
      section.content .inside .contentbloc:nth-child(2n) .cb-image img {
        right: 0;
        left: -10vw; }
  section.content .inside .contentblog {
    text-align: left; }
  @media only screen and (max-width: 979px) {
    section.content .inside {
      padding: 0 20px; }
      section.content .inside .contentbloc .cb-image {
        width: calc(320px - 10vw) !important; }
        section.content .inside .contentbloc .cb-image img {
          max-width: 320px; } }
  @media only screen and (max-width: 719px) {
    section.content .inside .contentbloc {
      flex-direction: column;
      margin-bottom: 20px; }
      section.content .inside .contentbloc .cb-text {
        padding: 0px !important;
        margin-bottom: 20px; }
      section.content .inside .contentbloc .cb-image {
        height: auto;
        width: 100% !important; }
        section.content .inside .contentbloc .cb-image img {
          position: relative;
          top: 0px !important;
          left: 0px !important;
          right: 0px !important;
          display: block;
          margin: 0 auto; }
      section.content .inside .contentbloc:nth-child(2n) .cb-image {
        order: 2; } }
section.charte .incharte {
  width: 850px;
  background-color: #f7f4f0;
  color: #e04b16;
  padding: 70px 60px;
  margin: 20px auto; }
  section.charte .incharte h3 {
    text-align: center;
    margin-bottom: 30px; }
    section.charte .incharte h3 img {
      width: 571px; }
  section.charte .incharte .content {
    font-size: 20px;
    text-align: center; }
    section.charte .incharte .content p {
      margin-bottom: 34px;
      position: relative; }
      section.charte .incharte .content p strong {
        text-transform: uppercase;
        opacity: .9; }
      section.charte .incharte .content p::after {
        content: "-";
        display: block;
        width: 100%;
        height: 15px;
        text-align: center;
        position: absolute;
        bottom: -18px; }
      section.charte .incharte .content p:last-child::after {
        display: none; }
  @media only screen and (max-width: 979px) {
    section.charte .incharte {
      width: 84%;
      margin: 20px 8%;
      padding: 50px 30px; }
      section.charte .incharte h3 img {
        width: 480px; } }
  @media only screen and (max-width: 719px) {
    section.charte .incharte h3 img {
      width: 100%; }
    section.charte .incharte .content {
      font-size: 16px; } }
section.bottom-link {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 80px;
  flex-wrap: wrap; }
  @media only screen and (max-width: 979px) {
    section.bottom-link {
      width: 100%; } }
  section.bottom-link .bl-item {
    width: 300px;
    margin-bottom: 40px; }
    section.bottom-link .bl-item img {
      width: 90px;
      height: 90px; }
    section.bottom-link .bl-item .title {
      font-family: 'Allerta Stencil', sans-serif;
      font-size: 26px;
      color: #73564c;
      margin: 15px 0px;
      line-height: 0.9;
      text-transform: uppercase; }

/*** blog ***/
.blog-content section.banner {
  width: calc(100% - 60px);
  max-width: 1440px;
  margin: 0 50px;
  background-position: center center;
  background-size: cover;
  background-color: #cfa99b;
  margin: 0 auto; }
  .blog-content section.banner.mini {
    min-height: 240px;
    padding-bottom: 50px; }
    .blog-content section.banner.mini .inside {
      max-width: 980px;
      margin-right: auto;
      margin-left: auto;
      padding: 0px 0px 0px 0px;
      padding-top: 40px; }
      @media only screen and (max-width: 979px) {
        .blog-content section.banner.mini .inside {
          width: 100% !important;
          min-width: 320px;
          padding-left: 8vw;
          padding-right: 8vw; } }
      @media only screen and (max-width: 719px) {
        .blog-content section.banner.mini .inside {
          padding-left: 10vw;
          padding-right: 10vw; } }
      .blog-content section.banner.mini .inside h1 {
        margin-top: 0px;
        font-size: 38px;
        line-height: 1.3em; }
        .blog-content section.banner.mini .inside h1 p {
          margin: 0px; }
    @media only screen and (max-width: 719px) {
      .blog-content section.banner.mini {
        padding: 0 6vw; }
        .blog-content section.banner.mini .inside h1 {
          font-size: 32px; } }
    @media only screen and (max-width: 420px) {
      .blog-content section.banner.mini .inside h1 {
        font-size: 28px; } }
.blog-content section.content .inside {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  margin-top: -40px;
  background-color: #ffffff;
  padding: 40px; }
  @media only screen and (max-width: 979px) {
    .blog-content section.content .inside {
      width: 100% !important;
      min-width: 320px;
      padding-left: 8vw;
      padding-right: 8vw; } }
  @media only screen and (max-width: 719px) {
    .blog-content section.content .inside {
      padding-left: 10vw;
      padding-right: 10vw; } }
  @media only screen and (max-width: 979px) {
    .blog-content section.content .inside {
      overflow-x: hidden; } }
  .blog-content section.content .inside .contentblog {
    text-align: left;
    line-height: 1.5em; }
  @media only screen and (max-width: 979px) {
    .blog-content section.content .inside {
      padding: 0 20px; }
      .blog-content section.content .inside .contentbloc .cb-image {
        width: calc(320px - 10vw) !important; }
        .blog-content section.content .inside .contentbloc .cb-image img {
          max-width: 320px; } }
  @media only screen and (max-width: 719px) {
    .blog-content section.content .inside .contentbloc {
      flex-direction: column;
      margin-bottom: 20px; }
      .blog-content section.content .inside .contentbloc .cb-text {
        padding: 0px !important;
        margin-bottom: 20px; }
      .blog-content section.content .inside .contentbloc .cb-image {
        height: auto;
        width: 100% !important; }
        .blog-content section.content .inside .contentbloc .cb-image img {
          position: relative;
          top: 0px !important;
          left: 0px !important;
          right: 0px !important;
          display: block;
          margin: 0 auto; }
      .blog-content section.content .inside .contentbloc:nth-child(2n) .cb-image {
        order: 2; } }