/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap");
@import url('https://fonts.cdnfonts.com/css/luna-2');
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:0.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace, monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace, monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,[type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:0.35em 0.75em 0.625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type="checkbox"],[type="radio"]{
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
.full-width{
    width:100%
}
.inline *{
    display:inline !important
}
.table-responsive{
    overflow-x:auto;
    margin-bottom:60px
}
.table-responsive table{
    margin-bottom:0
}
.hidden{
    display:none;
    visibility:hidden
}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{
    display:none !important
}
@media (max-width: 767px){
    .visible-xs{
        display:block !important
    }
    table.visible-xs{
        display:table !important
    }
    tr.visible-xs{
        display:table-row !important
    }
    th.visible-xs,td.visible-xs{
        display:table-cell !important
    }
}
@media (max-width: 767px){
    .visible-xs-block{
        display:block !important
    }
}
@media (max-width: 767px){
    .visible-xs-inline{
        display:inline !important
    }
}
@media (max-width: 767px){
    .visible-xs-inline-block{
        display:inline-block !important
    }
}
@media (min-width: 768px) and (max-width: 999px){
    .visible-sm{
        display:block !important
    }
    table.visible-sm{
        display:table !important
    }
    tr.visible-sm{
        display:table-row !important
    }
    th.visible-sm,td.visible-sm{
        display:table-cell !important
    }
}
@media (min-width: 768px) and (max-width: 999px){
    .visible-sm-block{
        display:block !important
    }
}
@media (min-width: 768px) and (max-width: 999px){
    .visible-sm-inline{
        display:inline !important
    }
}
@media (min-width: 768px) and (max-width: 999px){
    .visible-sm-inline-block{
        display:inline-block !important
    }
}
@media (min-width: 1000px) and (max-width: 1199px){
    .visible-md{
        display:block !important
    }
    table.visible-md{
        display:table !important
    }
    tr.visible-md{
        display:table-row !important
    }
    th.visible-md,td.visible-md{
        display:table-cell !important
    }
}
.diane {
    max-width:100%;
    height:auto;
    border-radius: 10px;
}
@media (min-width: 1000px) and (max-width: 1199px){
    .visible-md-block{
        display:block !important
    }
}
@media (min-width: 1000px) and (max-width: 1199px){
    .visible-md-inline{
        display:inline !important
    }
}
@media (min-width: 1000px) and (max-width: 1199px){
    .visible-md-inline-block{
        display:inline-block !important
    }
}
@media (min-width: 1200px){
    .visible-lg{
        display:block !important
    }
    table.visible-lg{
        display:table !important
    }
    tr.visible-lg{
        display:table-row !important
    }
    th.visible-lg,td.visible-lg{
        display:table-cell !important
    }
}
@media (min-width: 1200px){
    .visible-lg-block{
        display:block !important
    }
}
@media (min-width: 1200px){
    .visible-lg-inline{
        display:inline !important
    }
}
@media (min-width: 1200px){
    .visible-lg-inline-block{
        display:inline-block !important
    }
}
@media (max-width: 767px){
    .hidden-xs{
        display:none !important
    }
}
@media (min-width: 768px) and (max-width: 999px){
    .hidden-sm{
        display:none !important
    }
}
@media (min-width: 1000px) and (max-width: 1199px){
    .hidden-md{
        display:none !important
    }
}
@media (min-width: 1200px){
    .hidden-lg{
        display:none !important
    }
}
.text-light{
    color:#979797
}
.text-secondary{
    color:#69bf35
}
.text-primary{
    color:#e892b5
}
.clearfix::after{
    content:'';
    display:table;
    clear:both
}
.center{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.pull-right{
    float:right !important
}
.pull-left{
    float:left !important
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
.text-justify{
    text-align:justify
}
@media (max-width: 767px){
    .pull-xs-left{
        float:left !important
    }
    .pull-xs-right{
        float:right
    }
    .text-xs-left{
        text-align:left
    }
    .text-xs-right{
        text-align:right
    }
    .text-xs-center{
        text-align:center
    }
    .text-xs-justify{
        text-align:justify
    }
}
@media (min-width: 768px) and (max-width: 999px){
    .pull-sm-left{
        float:left !important
    }
    .pull-sm-right{
        float:right
    }
    .text-sm-left{
        text-align:left
    }
    .text-sm-right{
        text-align:right
    }
    .text-sm-center{
        text-align:center
    }
    .text-sm-justify{
        text-align:justify
    }
}
@media (min-width: 1000px) and (max-width: 1199px){
    .pull-md-left{
        float:left !important
    }
    .pull-md-right{
        float:right
    }
    .text-md-left{
        text-align:left
    }
    .text-md-right{
        text-align:right
    }
    .text-md-center{
        text-align:center
    }
    .text-md-justify{
        text-align:justify
    }
}
@media (min-width: 1200px){
    .pull-lg-left{
        float:left !important
    }
    .pull-lg-right{
        float:right
    }
    .text-lg-left{
        text-align:left
    }
    .text-lg-right{
        text-align:right
    }
    .text-lg-center{
        text-align:center
    }
    .text-lg-justify{
        text-align:justify
    }
}
.container{
    width:100% !important;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box
}
.container-narrow{
    width:100% !important;
    max-width:770px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box
}
.container-wide{
    width:100% !important;
    max-width:1430px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box
}
[class*='container'] [class*='container']{
    padding:0
}
body{
    font-weight:400;
    font-family:"Raleway",sans-serif,"Luna";
    font-size:16px;
    color:#332e19;
    background-color:#fff;
    line-height:26px;
    margin:0;
    min-height:100vh;
    max-width:100vw;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
@-ms-viewport{
    width:device-width
}
a{
    color:#ff1a95;
    text-decoration:none
}
a:hover,a:active,a:focus,a a:visited{
    color:#ff66b9
}
strong{
    font-weight:700
}
img{
    vertical-align:bottom
}
button:focus{
    outline:none
}
h1,h2,h3,h4{
    color:#332e19;
    margin:0 0 26px;
    line-height:normal;
    font-family:"Raleway",sans-serif;
    font-weight:700
}
h1 small,h2 small,h3 small,h4 small{
    font-size:55%
}
h1{
    font-size:40px;
    font-weight:400;
    margin-bottom:30px
}
@media (min-width: 768px){
    h1{
        font-size:60px
    }
}
h2{
    font-size:34px
}
h3{
    font-size:20px
}
h4{
    font-size:16px
}
p{
    display:block;
    margin:0 0 26px;
    text-align:justify
}
address{
    font-style:normal;
    margin:0 0 26px
}
ul,ol{
    margin:0 0 26px
}
ul li,ol li{
    padding:4.33333px 0
}
ul li ul,ul li ol,ol li ul,ol li ol{
    margin:4.33333px 0 0
}
ul{
    padding-left:0
}
ul li{
    position:relative;
    padding-left:0
}
ul li::before{
    content:'\2022';
    color:#332e19;
    font-size:1.5em;
    position:absolute;
    top:4.33333px;
    left:-10px
}
ul li ul li::before{
    content:'\25E6'
}
ul li{
    list-style:none
}
ol{
    -webkit-padding-start:30px
}
dl{
    margin:0 0 26px
}
dl dt,dl dd{
    padding:4.33333px 0
}
dl dt{
    float:left;
    clear:left;
    width:30%
}
dl dd{
    width:70%;
    margin-left:30%
}
blockquote{
    font-size:16px;
    font-style:italic;
    border-left:5px solid #e3e3e3;
    margin:0 0 20px;
    padding:12px 24px;
    position:relative;
    overflow:hidden;
    clear:both;
    text-align:justify
}
blockquote p:last-child{
    margin-bottom:0
}
pre{
    background-color:#e3e3e3;
    padding:20px
}
table{
    border-spacing:0;
    margin-bottom:15px;
    font-size:14px;
    line-height:normal;
    text-align:left;
    width:100%;
    table-layout:fixed
}
table caption{
    text-align:left;
    padding:5px 0;
    border-top:1px solid #cfcfcf;
    border-bottom:1px solid #cfcfcf;
    margin-bottom:25px
}
table th,table td{
    padding:10px 10px 10px 0;
    vertical-align:top;
    font-weight:400
}
table thead th{
    color:black;
    border-bottom:1px solid #cfcfcf;
    font-weight:700
}
table tr th,table tr td{
    border-bottom:1px solid #cfcfcf
}
article img{
    max-width:100%;
    display:block;
    margin:30px auto
}
@media (min-width: 0) and (max-width: 767px){
    article img[style*='float: right'],article img[style*='float: left']{
        float:none !important;
        margin-left:auto !important;
        margin-right:auto !important
    }
}
article img[style*='float: right']{
    margin-left:30px
}
article img[style*='float: left']{
    margin-right:30px
}
.info-banner{
    padding:10px 20px;
    background-color:#69bf35;
    color:white;
    text-align:center;
    font-size:14px;
    font-weight:500;
    line-height:1.7
}
@media (min-width: 768px){
    .info-banner{
        font-size:18px
    }
}
.info-banner__date{
    font-weight:700;
    background-color:#332e19;
    padding:1px 2px;
    border-radius:3px;
    white-space:nowrap
}
.dropdown{
    position:relative;
    display:inline-block
}
.dropdown__label{
    cursor:pointer;
    white-space:nowrap
}
.dropdown__label::after{
    content:'';
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid;
    border-width:7px 4.662px 0 4.662px;
    border-color:#fff transparent transparent transparent;
    display:inline-block;
    position:relative;
    left:7px;
    top:4px
}
.dropdown__inner{
    position:absolute !important;
    top:100%;
    right:0;
    margin-top:15px;
    width:100px;
    padding:5px 20px 10px;
    display:none;
    overflow:hidden;
    background-color:#f8f8f8;
    text-align:left;
    text-transform:none;
    line-height:26px;
    color:#332e19;
    z-index:101;
    box-shadow:#979797 0 0 5px
}
.dropdown__overlay{
    display:none
}
.dropdown__link{
    display:block;
    margin:0 -20px;
    color:#332e19;
    padding:5px 20px;
    cursor:pointer
}
.dropdown__link:hover{
    background-color:#e4e4e4;
    color:#332e19
}
.dropdown.is-open .dropdown__inner{
    display:block;
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:dropdown-inner;
    animation-name:dropdown-inner;
    -webkit-animation-duration:300ms;
    animation-duration:300ms;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.dropdown.is-open .dropdown__overlay{
    display:block;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:100;
    background-color:rgba(51,46,25,0.2)
}
@-webkit-keyframes dropdown-inner{
    0%{
        opacity:0;
        -webkit-transform:rotateX(90deg);
        transform:rotateX(90deg)
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes dropdown-inner{
    0%{
        opacity:0;
        -webkit-transform:rotateX(90deg);
        transform:rotateX(90deg)
    }
    100%{
        -webkit-transform:rotateX(0);
        transform:rotateX(0);
        opacity:1
    }
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.stepper{
    margin:15px auto 80px;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:1200px
}
.stepper__item{
    position:relative;
    text-align:center;
    -webkit-flex:0 0 100px;
    -ms-flex:0 0 100px;
    flex:0 0 100px
}
.stepper__date{
    position:absolute;
    font-weight:700;
    font-size:12px;
    line-height:normal;
    white-space:nowrap;
    background-color:#332e19;
    color:white;
    padding:5px;
    border-radius:3px;
    z-index:1;
    top:-10px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.stepper__pictogram{
    width:100px;
    height:100px;
    box-sizing:border-box;
    border:solid 2px #332e19;
    position:relative;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.stepper__pictogram img{
    position:relative;
    max-height:36px;
    max-width:36px
}
.stepper__pictogram::before{
    content:'';
    position:absolute;
    display:block;
    top:3px;
    right:3px;
    bottom:3px;
    left:3px;
    background-color:#e892b5
}
.stepper__label{
    font-size:16px;
    font-weight:500;
    color:#332e19;
    line-height:normal;
    position:absolute;
    top:100%;
    width:130px;
    margin-top:8px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.stepper__dash{
    -webkit-flex:0 0 107px;
    -ms-flex:0 0 107px;
    flex:0 0 107px;
    height:2px;
    background-color:#332e19;
    margin:0 3px
}
.accordion__item{
    margin:0 0 2px;
    border-radius:4px;
    overflow:hidden
}
.accordion__title{
    position:relative;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    overflow:hidden;
    cursor:pointer;
    background:rgba(255,255,255,0.67);
    padding:10px;
    font-weight:700
}
.accordion__title:hover{
    background:white
}
.accordion__title::after{
    content:'+';
    display:block;
    width:30px;
    text-align:center;
    font-size:30px;
    font-weight:400
}
.accordion__content{
    padding:10px 20px 0;
    display:none;
    visibility:hidden;
    background:rgba(255,255,255,0.67);
    overflow:hidden
}
.accordion__item.is-expanded .accordion__title::after{
    content:'-';
    font-size:30px
}
.accordion__item.is-expanded .accordion__content{
    display:block;
    visibility:visible
}
.services{
    padding:80px 0 100px;
    background-color:#e892b5;
    position:relative
}
.services::before{
    content:'';
    position:absolute;
    display:block;
    background-image:url("/images/bg-pattern.svg");
    background-size:cover;
    -webkit-filter:brightness(0.8) saturate(1.3);
    filter:brightness(0.8) saturate(1.3);
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:.34
}
.services__container{
    width:100% !important;
    max-width:770px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    position:relative
}
.services__title{
    text-align:center;
    margin-bottom:30px
}
.gallery{
    padding:60px 0;
    background-color:white;
    position:relative
}
/***** Wiggle *****/
.mw {
  width:500px
}

.wiggle a:hover{ 
  animation: wiggle 75ms infinite;
  animation-timing-function: linear;   
}

@keyframes wiggle {
  0% { transform: translate(2px, 0); }
  50% { transform: translate(-2px, 0); }
  100% { transform: translate(2px, 0); }
}

/***** Shake *****/

.shake a:hover{ 
  animation: shake 75ms infinite;
  animation-timing-function: linear;   
}

@keyframes shake {
  0% { transform: rotate(0.5deg); }
  50% { transform: rotate(-0.5deg); }
  100% { transform: rotate(0.5deg); }
}

/***** Pulse *****/

.pulse a:hover{ 
  animation: pulse 1s infinite;
  animation-timing-function: linear;   
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1);
  100% { transform: scale(1); }
  }
}

/***** Zoom *****/

.zoom a:hover{
  transform: scale(1.1);
  transition: all ease 500ms;
}
.gallery__item a{
 /* width: 500px;*/
  margin: auto;
  background: #fff;
  padding: 20px;
  overflow: hidden;
  box-shadow: 0 0 25px #000;
  margin-top: 30px;
  border: 1px solid #444;  
  text-align: center;
  display: block;
  color: #444;
  text-decoration: none;
  font-weight: bold;
}
.gallery::after{
    z-index:1;
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.gallery__container{
    width:100% !important;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: sans-serif;
}
.gallery__container h2{
    text-align:center
}
.gallery__container h1 {
  color: coral;
  font-family: "Luna", "serif";
  text-align: center;
}
.gallery__grid{
    margin:40px -30px 0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.gallery__item{
    box-sizing:border-box;
    text-align:left;
    margin:30px;
    width:calc(50% - 60px);
    min-width:calc(100% - 60px)
}
.gallery__item img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@media (min-width: 768px){
    .gallery__item{
        min-width:300px
    }
}
.gallery__item h3{
    margin-bottom:10px
}
.gallery__item p{
    margin:0
}
.grid-container {
  columns: 5 200px;
  column-gap: 1.5rem;
  width: 90%;
  margin: 0 auto;
}
.grid-container div {
  width: 150px;
  margin: 0 1.5rem 1.5rem 0;
  display: inline-block;
  width: 100%;
  border: solid 2px black;
  padding: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
}
.grid-container div:hover img {
  filter: grayscale(0);
}
.grid-container div:hover {
  border-color: coral;
}
.grid-container div img {
  width: 100%;
  filter: grayscale(0%);
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
}
.grid-container div p {
  margin: 5px 0;
  padding: 0;
  text-align: center;
  font-style: italic;
}
.title{
    padding:80px 0;
    background-color:#69bf35;
    position:relative
}
.title::before{
    content:'';
    position:absolute;
    display:block;
    background-image:url("/images/bg-pattern.svg");
    background-size:cover;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:.34
}
.title__content{
    width:100% !important;
    max-width:770px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    text-align:center;
    color:white
}
.content{
    padding:80px 0;
    background-color:#f8f8f8;
    position:relative;
    min-height:200px
}
.content::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    top:-31px;
    -webkit-filter:brightness(2) saturate(0);
    filter:brightness(2) saturate(0);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.content__container{
    width:100% !important;
    max-width:770px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box
}
.anchor{
    position:absolute;
    top:-10px
}
@media (min-width: 768px){
    .anchor{
        top:-70px
    }
}
.participation{
    padding:60px 0;
    background-color:white;
    position:relative
}
.participation::after{
    z-index:1;
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.participation__container{
    width:100% !important;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    overflow:hidden
}
.participation__container h2{
    text-align:center
}
.participation__grid{
    margin:40px -30px 0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.participation__item{
    box-sizing:border-box;
    text-align:left;
    margin:30px;
    width:calc(50% - 60px);
    min-width:calc(100% - 60px)
}
@media (min-width: 768px){
    .participation__item{
        min-width:300px
    }
}
.participation__item h3{
    margin-bottom:10px
}
.participation__item p{
    margin:0
}
.pricing{
    padding:80px 0 60px;
    position:relative
}
.pricing::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    top:-31px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:-457px 0;
    background-image:url("/images/brush-yellow.png")
}
.pricing::after{
    z-index:1;
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.pricing__container{
    width:100% !important;
    max-width:770px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box
}
.pricing__container h2{
    text-align:center
}
.timeline{
    padding:80px 0 80px;
    background-color:#69bf35;
    position:relative
}
.timeline::before{
    content:'';
    position:absolute;
    display:block;
    background-image:url("/images/bg-pattern.svg");
    background-size:cover;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:.34
}
.timeline::after{
    z-index:1;
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:-457px 0;
    background-image:url("/images/brush-yellow.png")
}
.timeline__container{
    width:100% !important;
    max-width:830px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    position:relative
}
.timeline__title{
    color:white;
    text-shadow:0 0 5px rgba(79,135,25,0.5);
    margin-bottom:15px
}
.timeline__description{
    margin-bottom:37px;
    color:white;
    font-size:18px;
    font-weight:500;
    text-align:left
}
.timeline__datetime{
    font-weight:700;
    background-color:#332e19;
    color:white;
    padding:1px 2px;
    border-radius:3px;
    white-space:nowrap
}
.timeline__stepper{
    background-color:white;
    position:relative;
    margin:80px 0 60px;
    padding:20px 0 0
}
.timeline__stepper::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    top:-31px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.timeline__stepper::after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.timeline__stepper-content{
    overflow-x:auto;
    position:relative;
    z-index:1
}
.timeline__more{
    text-align:center;
    margin-top:40px
}
.timeline__full-agenda{
    display:none;
    margin-top:40px
}
.timeline__day{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    background-image:url("/images/dashes-bg.svg");
    background-position:top left;
    padding:5px;
    min-height:120px;
    line-height:normal
}
.timeline__day+.timeline__day{
    margin-top:20px
}
.timeline__date{
    min-width:50px;
    max-width:50px;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#f8f8f8;
    border-right:1px solid #e4e4e4;
    text-align:center;
    min-height:100px;
    text-transform:uppercase;
    font-size:21px;
    font-weight:500
}
.contact{
    padding:80px 0 80px;
    background-color:#69bf35;
    position:relative
}
.contact::before{
    content:'';
    position:absolute;
    display:block;
    background-image:url("/images/bg-pattern.svg");
    background-size:cover;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:.34
}
.contact::after{
    z-index:1;
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:-457px 0;
    background-image:url("/images/brush-yellow.png")
}
.contact__container{
    width:100% !important;
    max-width:830px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    position:relative
}
.contact__title{
    color:white;
    text-shadow:0 0 5px rgba(79,135,25,0.5);
    margin-bottom:15px
}
.contact__description{
    margin-bottom:37px;
    color:white;
    font-size:18px;
    font-weight:500;
    text-align:left
}
.contact__description a{
    background-color: white;
    color:black;
}
.contact__datetime{
    font-weight:700;
    background-color:#332e19;
    color:white;
    padding:1px 2px;
    border-radius:3px;
    white-space:nowrap
}
.contact__stepper{
    background-color:white;
    position:relative;
    margin:80px 0 60px;
    padding:20px 0 0
}
.contact__stepper::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    top:-31px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.contact__stepper::after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.contact__stepper-content{
    overflow-x:auto;
    position:relative;
    z-index:1
}
.contact__more{
    text-align:center;
    margin-top:40px
}
.contact__full-agenda{
    display:none;
    margin-top:40px
}
.contact__day{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    background-image:url("/images/dashes-bg.svg");
    background-position:top left;
    padding:5px;
    min-height:120px;
    line-height:normal
}
.contact__day+.contact__day{
    margin-top:20px
}
.contact__date{
    min-width:50px;
    max-width:50px;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#f8f8f8;
    border-right:1px solid #e4e4e4;
    text-align:center;
    min-height:100px;
    text-transform:uppercase;
    font-size:21px;
    font-weight:500
}
@media (min-width: 768px){
    .timeline__date{
        min-width:85px;
        max-width:85px
    }
}
.timeline__date div{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    white-space:nowrap
}
.timeline__agenda{
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    background-color:white;
    padding:10px;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width: 768px){
    .timeline__agenda{
        padding:10px 40px 10px 30px
    }
}
.timeline__agenda-item{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:70px
}
.timeline__agenda-item+.timeline__agenda-item{
    border-top:1px solid #e4e4e4
}
.timeline__time{
    white-space:nowrap;
    background-color:#332e19;
    color:white;
    font-size:12px;
    font-weight:700;
    -webkit-flex:0 0 77px;
    -ms-flex:0 0 77px;
    flex:0 0 77px;
    height:25px;
    line-height:25px;
    text-align:center;
    margin-right:10px;
    border-radius:3px
}
@media (min-width: 768px){
    .timeline__time{
        margin-right:20px
    }
}
.timeline__agenda-text{
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1;
    font-size:14px;
    line-height:19px;
    padding:15px 0
}
.timeline__full-agenda.is-visible{
    display:block
}
.faq{
    padding:80px 0;
    background-color:#f8f8f8;
    position:relative
}
.faq::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    top:-31px;
    -webkit-filter:brightness(2) saturate(0);
    filter:brightness(2) saturate(0);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.faq__container{
    width:100% !important;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    text-align:center
}
.faq__grid{
    margin:60px -10px -10px;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.faq__tile{
    background-color:white;
    padding:20px;
    box-sizing:border-box;
    text-align:left;
    margin:10px;
    -webkit-flex:0 0 calc(100% - 20px);
    -ms-flex:0 0 calc(100% - 20px);
    flex:0 0 calc(100% - 20px)
}
@media (min-width: 768px){
    .faq__tile{
        -webkit-flex:0 0 calc(50% - 20px);
        -ms-flex:0 0 calc(50% - 20px);
        flex:0 0 calc(50% - 20px)
    }
}
@media (min-width: 1000px){
    .faq__tile{
        -webkit-flex:0 0 calc(33% - 20px);
        -ms-flex:0 0 calc(33% - 20px);
        flex:0 0 calc(33% - 20px)
    }
}
.footer{
    padding:40px 0;
    background-color:white;
    position:relative
}
.footer::before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    top:-31px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.footer__container{
    width:100% !important;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column-reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (min-width: 768px){
    .footer__container{
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
}
.footer__copyright{
    color:#979797;
    font-size:14px
}
.partners{
    padding:50px 0 30px;
    position:relative;
    background-color:white
}
.partners::before{
    z-index:1;
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    top:-31px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:-457px 0;
    background-image:url("/images/brush-yellow.png")
}
.partners::after{
    z-index:1;
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:-457px 0;
    background-image:url("/images/brush-yellow.png")
}
.partners__container{
    width:100% !important;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    text-align:center;
    overflow:hidden
}
.partners__logos{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin:-10px -30px 20px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.partners__logo{
    margin:30px;
    display:block;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
.partners__btn{
    text-align:center;
    margin:0 0 30px
}
.partners__logos--condensed{
    margin:10px -10px 0
}
.partners__logos--condensed .partners__logo{
    margin:10px
}
.about{
    padding:100px 0;
    background-color:#f8f8f8;
    position:relative
}
.about__container{
    width:100% !important;
    max-width:770px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box
}
.about__container h2{
    text-align:center
}
.landing{
    background-color:#e892b5;
    /*background-color:#ffda35;*/
    position:relative;
    overflow:hidden
}
.landing::before{
    content:'';
    position:absolute;
    display:block;
    background-image:url("/images/bg-pattern.svg");
    background-size:cover;
    -webkit-filter:brightness(0.8) saturate(1.3);
    filter:brightness(0.8) saturate(1.3);
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:.34
}
.landing::after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.landing__container{
    width:100% !important;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    position:relative;
    padding-top:70px;
    padding-bottom:100px;
    /*border: 3px solid black;*/
}
.landing__brush{
    display:none
}
@media (min-width: 1000px){
    .landing__brush{
        display:block;
        position:absolute;
        content:'';
        width:673px;
        height:734px;
        right:-140px;
        bottom:-60px;
        -webkit-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        transform:rotate(180deg);
        background-image:url("/images/bg-brushes.svg");
        background-size:contain;
        background-position:bottom
    }
}
@media (min-width: 1200px){
    .landing__brush{
        right:-120px
    }
}
.doglove {
    font-family: "Luna", serif;
    text-align: center;
}
.landing__text{
    max-width:630px;
    position:relative;
    margin:0 auto;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
@media (min-width: 1000px){
    .landing__text{
        margin:0;
        -webkit-align-items:stretch;
        -ms-flex-align:stretch;
        align-items:stretch
    }
}
.landing__text h2,.landing__text h3 {
    text-align:center;
}
.landing__text img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
@media (min-width: 768px){
    .landing__text h2,.landing__text h3{
        text-align:left
    }
   .landing__text img {
	  display: block;
	  margin-left: 0;
	  margin-right: 0;
	  width: 50%;
	}
    .diane img {
        width:300px;
        height:auto;  
        border-radius: 15px;
    }
}
@media (min-width: 0) and (max-width: 767px){
    .landing__text h3{
        font-size:18px
    }
    .diane img {
        width:300px;
        height:auto;  
        border-radius: 5px;
    }
}
.landing__text p{
    color:#3d4348;
    font-size:18px;
    text-align:center
}
@media (min-width: 1000px){
    .landing__text p{
        text-align:left
    }
}
.landing__headline{
    margin-bottom:10px
}
@media (min-width: 768px){
    .landing__headline{
        margin-bottom:20px
    }
}
.landing__hashtag{
    font-size:30px;
    font-weight:900
}
@media (min-width: 768px){
    .landing__hashtag{
        font-size:42px
    }
}
.landing__hashtag span{
    font-size:15px
}
@media (min-width: 768px){
    .landing__hashtag span{
        font-size:42px
    }
}
.landing__challenge{
    font-weight:800;
    text-transform:uppercase;
    font-size:20px;
    letter-spacing:2.6px;
    text-align:center;
    color:white;
    align-content: 
}
.landing__challenge a:hover {
  background-color: black;
}
.landing__challenge a{
    color:white;
}
@media (min-width: 768px){
    .landing__challenge{
        font-size:40px;
        letter-spacing:4px
    }
}
@media (min-width: 1000px){
    .landing__challenge{
        text-align:left
    }
}
.landing__date{
    font-weight:900;
    font-size:24px
}
.landing__btns{
    margin:-20px;
    margin-top:0;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%
}
@media (min-width: 1000px){
    .landing__btns{
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
}
.landing__btns>*{
    margin:20px
}
@-webkit-keyframes fade-in-out{
    0%{
        opacity:0
    }
    25%{
        opacity:1
    }
    50%{
        opacity:1
    }
    75%{
        opacity:0
    }
}
@keyframes fade-in-out{
    0%{
        opacity:0
    }
    25%{
        opacity:1
    }
    50%{
        opacity:1
    }
    75%{
        opacity:0
    }
}
.landing__persona{
    display:none
}
@media (min-width: 1170px){
    .landing__persona{
        display:block;
        position:absolute;
        width:507px;
        height:632px;
        right:0;
        bottom:-20px;
        opacity:0;
        -webkit-animation-name:fade-in-out;
        animation-name:fade-in-out;
        -webkit-animation-duration:12s;
        animation-duration:12s;
        -webkit-animation-iteration-count:infinite;
        animation-iteration-count:infinite
    }
}
@media (min-width: 1200px){
    .landing__persona{
        right:-50px
    }
}
.landing__persona--second{
    -webkit-animation-delay:4s;
    animation-delay:4s
}
.landing__persona--third{
    -webkit-animation-delay:8s;
    animation-delay:8s
}
.btn{
    background:transparent;
    padding:7px 16px;
    font-family:"Raleway",sans-serif;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    line-height:normal;
    border-radius:4px;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:auto;
    height:auto;
    box-sizing:border-box;
    color:white;
    background-color:#332e19;
    border:2px solid transparent
}
.btn:hover,.btn:focus{
    text-decoration:none;
    transition:color 250ms, border-color 250ms, background 250ms;
    color:white;
    background-color:#554d2a
}
.btn+.btn{
    margin-left:15px
}
.btn--block{
    width:100%;
    display:block;
    max-width:none;
    text-align:center
}
.btn--block+.btn--block{
    margin:10px 0 0
}
.btn--xs{
    font-size:13px;
    font-weight:400;
    padding:1px 4px;
    border-radius:2px;
    text-transform:none
}
.btn--sm{
    font-size:13px;
    padding:2px 11px;
    text-transform:none
}
.btn--lg{
    padding:13px 28px
}
@media (min-width: 768px){
    .btn--lg{
        min-width:140px
    }
}
.btn--primary{
    color:#332e19;
    background-color:#e892b5
}
.btn--primary:hover,.btn--primary:focus{
    color:#332e19;
    background-color:#ffd102
}
.btn--secondary{
    color:white;
    background-color:#69bf35
}
.btn--secondary:hover,.btn--secondary:focus{
    background-color:#85d057
}
.btn--pink{
    color:white;
    background-color:#cc006e
}
.btn--pink:hover,.btn--pink:focus{
    background-color:#ff008a
}
.btn--light{
    color:#332e19;
    background-color:transparent;
    border-color:#332e19
}
.btn--light:hover,.btn--light:focus{
    color:#332e19;
    background-color:rgba(85,77,42,0.25)
}
.btn--transparent{
    color:#332e19;
    background-color:transparent;
    border-color:#332e19;
    box-sizing:border-box
}
.btn--transparent:hover,.btn--transparent:focus{
    color:#332e19;
    background-color:#332e19;
    color:white
}
.btn--danger{
    color:white;
    background-color:#e50038
}
.btn--danger:hover,.btn--danger:focus{
    background-color:#ff1951
}
.btn--success{
    color:white;
    background-color:#00a651
}
.btn--success:hover,.btn--success:focus{
    background-color:#00d96a
}
.btn--warning{
    color:white;
    background-color:#ffd429
}
.btn--warning:hover,.btn--warning:focus{
    background-color:#ffde5c
}
.btn--link{
    border:none;
    padding-left:0;
    padding-right:0;
    color:#69bf35;
    background-color:transparent
}
.btn--link:hover,.btn--link:focus{
    color:#85d057;
    background-color:transparent
}
.btn--disabled,.btn[disabled]{
    opacity:0.25;
    cursor:not-allowed;
    pointer-events:none
}
.hamburger-nav__trigger{
    cursor:pointer;
    height:23px;
    margin:0 15px
}
@media (min-width: 768px){
    .hamburger-nav__trigger{
        margin:0 20px
    }
}
.hamburger-nav__icon{
    width:25px;
    height:3px;
    background-color:black;
    pointer-events:none
}
@media (min-width: 768px){
    .hamburger-nav__icon{
        width:30px
    }
}
.hamburger-nav__icon::before,.hamburger-nav__icon::after{
    content:'';
    height:3px;
    display:block;
    background-color:black
}
.hamburger-nav__icon::before{
    -webkit-transform:translateY(10px);
    -ms-transform:translateY(10px);
    transform:translateY(10px)
}
.hamburger-nav__icon::after{
    -webkit-transform:translateY(17px);
    -ms-transform:translateY(17px);
    transform:translateY(17px)
}
.hamburger-nav__overlay{
    display:none
}
.hamburger-nav__wrapper{
    position:fixed;
    background-color:#332e19;
    top:0;
    right:calc(-100% - 20px);
    bottom:0;
    z-index:101;
    box-shadow:0 0 30px black;
    width:80vw;
    transition:right 500ms ease-in
}
@media (min-width: 768px){
    .hamburger-nav__wrapper{
        right:-380px;
        width:360px
    }
}
.hamburger-nav__menu{
    padding-top:10px;
    text-align:left
}
@media (min-width: 768px){
    .hamburger-nav__menu{
        padding-top:40px
    }
}
.hamburger-nav__link{
    display:block;
    padding:10px 15px;
    color:white;
    font-weight:700;
    text-transform:uppercase
}
.hamburger-nav__link:hover,.hamburger-nav__link:focus{
    background-color:#554d2a;
    color:white
}
.hamburger-nav__link-icon{
    float:right;
    margin-left:10px
}
.hamburger-nav.is-visible .hamburger-nav__overlay{
    display:block;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:100;
    background-color:rgba(51,46,25,0.2)
}
.hamburger-nav.is-visible .hamburger-nav__wrapper{
    right:0
}
.logo{
    display:block;
    height:45px
}
@media (min-width: 768px){
    .logo{
        height:60px
    }
}
.nav-horizontal{
    font-size:16px;
    line-height:normal;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:-20px
}
@media (min-width: 1000px){
    .nav-horizontal{
        margin-left:-40px
    }
}
.nav-horizontal__link{
    text-align:center;
    color:#332e19;
    padding:22px 0;
    margin-left:20px;
    font-weight:700
}
@media (min-width: 1200px){
    .nav-horizontal__link{
        margin-left:40px
    }
}
.nav-horizontal__link:hover{
    color:#897b43
}
.nav-horizontal--light{
    font-size:14px
}
.nav-horizontal--light .nav-horizontal__link{
    font-weight:400
}
.top-bar__spacer{
    margin-top:50px
}
@media (min-width: 768px){
    .top-bar__spacer{
        margin-top:70px
    }
}
.top-bar__bar{
    background-color:white;
    position:fixed;
    top:0;
    z-index:100;
    width:100%;
    box-shadow:0 0 20px 0 rgba(0,0,0,0.15)
}
.top-bar__bar::after{
    z-index:-1;
    content:'';
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:70px;
    pointer-events:none;
    bottom:-35px;
    -webkit-filter:brightness(100);
    filter:brightness(100);
    background-repeat:repeat-x;
    background-position:172px 0;
    background-image:url("/images/brush-yellow.png")
}
.top-bar__container{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100% !important;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
    height:50px
}
@media (min-width: 768px){
    .top-bar__container{
        height:70px
    }
}
.top-bar__logo{
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    -webkit-flex-grow:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.top-bar__language{
    font-weight:700;
    margin-right:10px
}
@media (min-width: 768px){
    .top-bar__language{
        margin:0 0 0 30px;
        text-align:left
    }
}
@media (min-width: 1200px){
    .top-bar__language{
        margin-left:50px
    }
}
.top-bar__hamburger{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:-15px
}
.cookies-box{
    padding:10px 0px;
    font-size:14px;
    line-height:22px;
    border-bottom:1px solid #d3d0d0;
    text-align:center;
    position:fixed;
    bottom:0px;
    background-color:#eaeff2;
    z-index:999;
    width:100%
}
.cookies-box i{
    color:#4a66b0;
    font-size:24px;
    margin:5px 0 0 -30px;
    position:absolute;
    display:none
}
.cookies-box a{
    color:#e51a20
}
.cookies-box>div{
    width:90%
}
.cookies-button{
    font-size:12px;
    background-color:#4a66b0;
    padding:5px 10px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    display:inline-block;
    margin-left:15px;
    text-decoration:none;
    cursor:pointer;
    color:#FFF !important
}
.cookies-button:hover{
    text-decoration:none;
    background-color:#5a74ba
}
.contact-bar{
    background-image:url(../img/dotted-bg.png);
    font-size:14px;
    color:#d2d2d2;
    line-height:1.3em;
    padding-top:20px;
    padding-bottom:20px
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}