/* Drupal 7 Framework - Created by André Griffin
------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
11.CSS Support

Font sizes                                               : 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px                                                     = 2.5em     / 1.2         / 0.6em
32px                                                     = 2em       / 1.5         / 0.75em
24px                                                     = 1.5em     / 1           / 1em
20px                                                     = 1.25em    / 1.2         / 1.2em
16px                                                     = 1em       / 1..5        / 1.5em
14px                                                     = 0.875em   / 1.7143      / 1.7143em
13px                                                     = 0.8125em  / 1.8462      / 1.8462em
12px                                                     = 0.75em    / 2           / 2em
10px                                                     = 0.625em   / 2.4         / 2.4em

Equation for font sizing                                 :
  Desired px ÷ Default (or parent) px                    = em size
------------------------------------------------*/

/**
 * 0.RESET
 */

@import "reset.css";

/**
 * 1.GLOBAL
 */
body {
  background                                             : #fff;
  background-attachment                                  : fixed;
  background-repeat                                      : no-repeat;
  background-size                                        : 100%;
  color                                                  : #222;
  font-family                                            : "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  font-size                                              : 100%;
  line-height                                            : 1.5;
  margin                                                 : 0;
  padding                                                : 0;
  -moz-osx-font-smoothing                                : grayscale;
  -webkit-font-smoothing                                 : antialiased;
}

body * {
  box-sizing                                             : border-box;
  -moz-box-sizing                                        : border-box;
  -webkit-box-sizing                                     : border-box;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family                                            : "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style                                             : normal;
  font-weight                                            : normal;
}

h1, .h1 {
  color                                                  : #FFF;
  font-size                                              : 40px;
  font-size                                              : 2.5em;
  font-family                                            : "BebasNeueBold";
  line-height                                            : 1.5;
}

h2, .h2 {
  font-size                                              : 1.5em;
  line-height                                            : 1;
}

h3, .h3 {
  background-image                                       : url('../img/green_arrow.png');
  background-position                                    : left 3px;
  background-size                                        : 18px;
  background-repeat                                      : no-repeat;
  font-size                                              : 44px;
  font-family                                            : "BebasNeueBold";
  line-height                                            : 1.1;
  margin-bottom                                          : 15px;
  margin-left                                            : -38px;
  padding-left                                           : 38px;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-size                                              : 1em;
  font-weight                                            : bold;
  line-height                                            : 1.5;
}

p {
  font-size                                              : 1em;
  line-height                                            : 1.5;
  margin                                                 : 0 0 1.5em 0;
}

a { color                                                : #069; text-decoration: none; }

a                                                        :visited { color: #309; }

a:hover, a:active, li a.active  { color: #39f; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

/* apply common styling after reset.css */

li ul, li ol {  margin                                   : 0; }
ul, ol {  margin                                         : 0 1.5em 1.5em 0;  padding-left: 1.5em; }
ul {  list-style-type                                    : disc; }
ol {  list-style-type                                    : decimal; }
dl {  margin                                             : 0 0 1.5em 0; }
dl dt {  font-weight                                     : bold; }
dd {  margin-left                                        : 1.5em; }
hr {  background                                         : #666;  border: none;  clear: both;  float: none;  height: 1px;  margin: 0 0 1.4375em;  width: 100%; }
fieldset {  border                                       : 1px solid #ccc;  margin: 0 0 1.4375em;  padding: 1.5em; }
table {  margin-bottom                                   : 1.5em;  width: 100%; }
th, tr, td {  vertical-align                             : middle; }
th { padding-right                                       : 1em; }
.sticky-header th, .sticky-table th {  border-bottom     : 3px solid #ccc;  padding-right: 1em;  text-align: left; }

/**
 * 2.LAYOUT
 */

.container {
  margin                                                 : 0 auto;
  padding                                                : 0 10px;
  width                                                  : 940px;
}

/**
 * 3.MAIN
 */

/* 1 column                                              : global values*/

#main {
  color                                                  : #fff;
  display                                                : block;
}

.admin-menu {
  padding-top: 29px;
}

.admin-menu #banner {
  margin-top: 21px;
}

.admin-menu #header {
  margin-top: 29px;
}

/* Hide for prod */
.messages.error {
  display: none
}

/* 3 columns */

body.two-sidebars #main {
  float                                                  : left;
  margin                                                 : 0 0 0 240px;
  padding                                                : 0;
  width                                                  : 460px;
}

/* 2 columns                                             : sidebar-first */

body.sidebar-first #main {
  background-color                                       : rgba(0,0,0,0.6);
  float                                                  : left;
  padding                                                : 50px 80px;
  width                                                  : 750px;
}

/* 2 columns                                             : sidebar-second */

body.sidebar-second #main {
  float                                                  : left;
  margin                                                 : 0;
  padding                                                : 0;
  width                                                  : 700px;
}

/**
 * 4.SIDEBARS
 */

/* 3 columns                                             : sidebar-first */

body.two-sidebars #sidebar-first {
  float                                                  : left;
  top                                                    : 100;
  margin                                                 : 0 0 0 -700px;
  padding                                                : 0;
  width                                                  : 220px;
}

/* 3 columns                                             : sidebar-second */

body.two-sidebars #sidebar-second {
  float                                                  : right;
  margin                                                 : 0;
  padding                                                : 0;
  width                                                  : 220px;
}

/* 2 columns                                             : sidebar-first */

body.sidebar-first #sidebar-first {
  background-color                                       : #fff;
  float                                                  : left;
  margin                                                 : 0 5% 0 5%;
  padding                                                : 0;
  width                                                  : 230px;
}

body.sidebar-first #sidebar-first .block-title {
  background-color                                       : #ABA26B;
  text-align                                             : center;
  font-size                                              : 20px;
  color                                                  : #000;
  padding                                                : 5px;
  font-family                                            : BebasNeueRegular;
}
body.sidebar-first #sidebar-first .block { margin-bottom : 0; }
body.sidebar-first #sidebar-first .local-menu {
  padding-left                                           : 0;
}

body.sidebar-first #sidebar-first .local-menu li {
  list-style                                             : none;
  margin-bottom                                          : 10px;
  padding-left                                           : 30px;
  padding-right                                          : 9px;
}

body.sidebar-first #sidebar-first .local-menu li.active {
  background-image                                       : url('../img/bulle-fleche-sable.png');
  background-position                                    : 5px 2px;
  background-repeat                                      : no-repeat;
  background-size                                        : 19px;
}

body.sidebar-first #sidebar-first .local-menu li a {
  color                                                  : #000000;
  font-family                                            : "BebasNeueRegular";
  font-size                                              : 18px;
  line-height                                            : 20px;
}

body.sidebar-first #sidebar-first .local-menu li a:hover {
  color                                                  : #ABA26B;
}

body.sidebar-first #sidebar-first .local-menu li a:hover span {
  color                                                  : #ABA26B;
}

body.sidebar-first #sidebar-first .content {
  padding-top                                            : 18px;
  padding-bottom                                         : 18px;
}


/* 2 columns                                             : sidebar-second */

body.sidebar-second #sidebar-second {
  float                                                  : right;
  margin                                                 : 0;
  padding                                                : 0;
  width                                                  : 220px;
}

/**
 * 5.HEADER
 */

#header {
  background-color                                       : #ABA26B;
  height                                                 : 50px;
  margin                                                 : 0;
  position                                               : fixed;
  text-align                                             : center;
  top                                                    : 0;
  width                                                  : 100%;
  z-index                                                : 100;
}

#header #logo {
  float                                                  : left;
  margin                                                 : 0 1em 1.5em 0;
}

#header #site-name-slogan {
  float                                                  : left;
  margin                                                 : 0 0 1.5em;
}

#header #site-name {
  font-family                                            : Arial, Helvetica, sans-serif;
  font-size                                              : 2.5em;
  font-weight                                            : 700;
  line-height                                            : 1.2;
  margin                                                 : 0;
}

#header #site-name a:hover {
  text-decoration                                        : none;
}

#header #site-slogan {
  margin                                                 : 0;
}

#banner {
  background-size: 100%;
  background-repeat: no-repeat;
  height                                                 : 242px;
  margin-top                                             : 50px;
  padding-top                                            : 38px;
  position                                               : relative;
  text-align                                             : center;
  z-index                                                : 1
}

.burger-menu, .summary {
  display                                                : none;
}

#logo {
  margin                                                 : 0 auto;
  width                                                  : 124px;
}

/**
 * 6.NAVIGATION
 */

#navigation {
  display                                                : inline-block;
  clear                                                  : both;
  margin                                                 : 0;
  padding                                                : 0;
  position                                               : relative;
  top                                                    : -69px;
  /* top                                                 : -16px; without spanish*/
}

#navigation + .region-header {
  display                                                : inline-block;

}

#navigation ul.menu {
  clear                                                  : both;
  list-style                                             : none;
  margin                                                 : 0;
  padding                                                : 0;
  position                                               : relative;
  text-align                                             : center;
}

#navigation ul.menu li {
  display                                                : inline-block;
  margin                                                 : 0;
  padding                                                : 0;
  position                                               : relative;
  vertical-align                                         : top;
}

#navigation ul.menu li a, #navigation ul.menu li .nolink {
  color                                                  : #fff;
  display                                                : inline-block;
  font-family                                            : 'BebasNeueRegular';
  font-size                                              : 18px;
  height                                                 : 50px;
  padding                                                : 13px 24px;
  text-transform                                         : uppercase;
}

/*
#navigation ul.menu li a {
  border-bottom                                          : 3px solid #FFF;
}
*/

#navigation ul.menu li.expanded {
  background-image                                       : url('../img/arrow.png');
  background-position                                    : right center;
  background-repeat                                      : no-repeat;
  background-size                                        : 13px;
}

#navigation ul.menu li.expanded:hover .menu {
  display                                                : block;
}

#navigation ul.menu li.expanded .menu {
  background-color                                       : #ABA26B;
  display                                                : none;
  position                                               : absolute;
  left                                                   : 0;
  top                                                    : 47px;
  min-width                                              : 270px;
  text-align                                             : left;
  z-index                                                : 50;
}

#navigation ul.menu li.expanded .menu li {
  width                                                  : 100%;
}

#navigation ul#secondary-menu {
  clear                                                  : both;
  list-style                                             : none;
  margin                                                 : 0;
  padding                                                : 0;
}

#navigation ul#secondary-menu li {
  float                                                  : left;
  margin                                                 : 0;
  padding                                                : 0;
}

#navigation ul#secondary-menu li a {
  display                                                : block;
  padding                                                : 0 2em 0 0;
}

.breadcrumb {
  clear                                                  : both;
  padding                                                : 1.5em 0 0;
}

#skip-link {
  position                                               : absolute;
}

.menu-label {
  display                                                : none;
}

/* menus and item lists */

.item-list ul {
  margin                                                 : 0;
  padding                                                : 0 0 0 1.5em;
}

.item-list ul li {
  margin                                                 : 0;
  padding                                                : 0;
}

ul.menu li {
  margin                                                 : 0;
  padding                                                : 0;
}

ul.inline {
  clear                                                  : both;
}

ul.inline li {
  margin                                                 : 0;
  padding                                                : 0 1em 0 0;
}
.language-switcher-locale-url {
  background-color                                       : #ABA26B;
  background-image                                       : url('../img/arrow.png');
  background-position                                    : right 21px;
  background-repeat                                      : no-repeat;
  background-size                                        : 13px;
  list-style-type                                        : none;
  margin                                                 : 0;
  padding-left                                           : 0;
  position                                               : relative;
  z-index                                                : 0;
}


#navigation {
  top                                                    : 0;
}


#navigation + .region-header {
  position                                               : relative;
  top                                                    : -37px;
}

.language-switcher-locale-url  li                        :not(.active) {
  display                                                : none;
}

.language-switcher-locale-url a {
  color                                                  : #fff;
  display                                                : inline-block;
  font-family                                            : 'BebasNeueRegular';
  font-size                                              : 18px;
  padding                                                : 10px 18px;
  text-transform                                         : uppercase;
}

/* On Hover */
#header.language-open .language-switcher-locale-url  li  :not(.active) {
  display                                                : block;
}

#header.language-open #navigation {
  top                                                    : -54px;
}

#header.language-open #navigation + .region-header {
  top                                                    : 3px;
  z-index                                                : 3;
}


.language-switcher-locale-url li a.active {
  color                                                  : #fff;
}

/*.language-switcher-locale-url li a                     :not(.active) {
  display                                                : none;
}*/

/* admin tabs */

#main .tabs-wrapper, .tabs-wrapper {
  border-bottom                                          : 1px solid #333;
  margin                                                 : 0 0 1.4375em;
  height                                                 : 30px;
}

ul.primary {
  border                                                 : none;
  margin                                                 : 0;
  padding                                                : 0;
}

ul.primary li a {
  background                                             : none;
  border                                                 : none;
  display                                                : block;
  float                                                  : left;
  line-height                                            : 1.5em;
  margin                                                 : 0;
  padding                                                : 0 1em;
}

ul.primary li a:hover, ul.primary li a.active {
  background                                             : #666;
  border                                                 : none;
  color                                                  : #fff;
}

ul.primary li a:hover {
  background                                             : #888;
  text-decoration                                        : none;
}

ul.secondary {
  background                                             : #666;
  border-bottom                                          : none;
  clear                                                  : both;
  margin                                                 : 0;
  padding                                                : 0;
}

ul.secondary li {
  border-right                                           : none;
}

ul.secondary li a, ul.secondary li a                     :link {
  border                                                 : none;
  color                                                  : #ccc;
  display                                                : block;
  float                                                  : left;
  line-height                                            : 1.5em;
  padding                                                : 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background                                             : #888;
  color                                                  : #fff;
  text-decoration                                        : none;
}

ul.secondary a.active {
  border-bottom                                          : none;
}

.languages {
  background-image                                       : url('../img/arrow.png');
  background-repeat                                      : no-repeat;
  background-size                                        : 12px;
  background-position                                    : right center;
  display                                                : inline-block;
  margin                                                 : 0;
  padding-left                                           : 0;
  position                                               : relative;
}

.other-languages {
  background-color                                       : #ABA26B;
  display                                                : none;
  position                                               : absolute;
}

#navigation ul#main-menu .other-languages a {
  height                                                 : auto;
  padding                                                : 10px 24px;
}

.mobile-close {
  display                                                : none
}

/**
 * 7.NODES
 */

.node {
  margin-bottom                                          : 1.5em;
}

/* tags */

.field-name-field-tags {
  margin                                                 : 0 0 1.5em;
}

.field-name-field-tags .field-item {
  margin                                                 : 0 1em 0 0;
}

.field-name-field-tags div {
  display                                                : inline;
}

/* profile */

.profile {
  margin                                                 : 1.5em 0;
}

.profile h3 {
  border                                                 : none;
}

.profile dt {
  margin-bottom                                          : 0;
}

.profile dd {
  margin-bottom                                          : 1.5em;
}

.password-parent {
  width                                                  : 36em;
}

/**
 * 8.COMMENTS
 */

#comments {
  clear                                                  : both;
  margin-top                                             : 1.5em;
}

.comment {
  margin-bottom                                          : 1.5em;
}

.comment .new {
  color                                                  : red;
  text-transform                                         : capitalize;
  margin-left                                            : 1em;
}

/**
 * 9.BLOCKS
 */

.block {
  margin-bottom                                          : 1.5em;
}

/**
 * 10.FOOTER
 */

#footer {
  background-color                                       : #ABA26B;
  clear                                                  : both;
  position                                               : relative;
  padding                                                : 25px 0 5px 0;
  /* padding-left                                        : calc(230px + 10%) */
  overflow: auto;
}

#footer a.feed-icon {
  position                                               : absolute;
  right                                                  : 0;
  top                                                    : 1.6667em;
}

#footer .copyright {
  clear                                                  : both;
  color                                                  : #fff;
  font-family                                            : Avenir;
  font-size                                              : 14px;
  text-align                                             : left;
  width                                                  : 100%;
}

#footer .col {
  color                                                  : #fff;
}

#footer .col h2 {
  color                                                  : #ffffff;
  font-family                                            : Avenir;
  font-size                                              : 18px;
  font-weight                                            : bold;
  margin-bottom                                          : 15px;
  text-transform                                         : uppercase;
}

#footer .col p {
  margin-bottom                                          : 10px;
}

#footer .col p a {
  color                                                  : #fff;
  font-family                                            : Avenir;
  font-size                                              : 15px;
}

#footer .social {
  font-family                                            : Avenir;
  font-size                                              : 15px;
  font-weight                                            : 900;
}

#footer .social-block {
  background-size                                        : 21px 21px;
  background-repeat                                      : no-repeat;
  display                                                : inline-block;
  height                                                 : 21px;
  margin-right                                           : 9px;
  width                                                  : 21px;
}

#footer .facebook { background-image                     : url('../img/facebook.png'); }
#footer .twitter { background-image                      : url('../img/twitter.png'); }
#footer .linkedin { background-image                     : url('../img/linkedin.png'); }
#footer .youtube { background-image                      : url('../img/youtube.png'); }

#footer .menu {
  padding-left                                           : 0;
}

#footer .menu li {
  margin-bottom                                          : -4px;
  list-style-type                                        : none;
  list-style-image                                       : none;
}

#footer .menu li a {
  color                                                  : #fff;
  font-family                                            : Avenir;
  font-size                                              : 15px;
}

#footer .legal-footer-block p {
  font-size: 13px;
}
#footer .legal-footer-block ul li {
  font-size: 11px;
}

.pre-footer {
  background-color                                       : #fff;
  padding-top                                            : 38px;
  padding-bottom                                         : 1.5em;
}

.pre-footer .col a {
  background-position                                    : top center;
  background-size                                        : 117px;
  background-repeat                                      : no-repeat;
  display                                                : inline-block;
  font-family                                            : "AvenirHeavy";
  color                                                  : #000;
  font-size                                              : 16px;
  padding-top                                            : 126px;
  text-align                                             : center;
  width                                                  : 100%;
}
.pre-footer .col.sixth {
  float: left;
  width: 16.6%;
}
.pre-footer .col.quarter {
  width                                                  : 25%;
}
.pre-footer .col.quarter                                 :nth-child(3) {
  clear                                                  : initial;
}

.pre-footer h3.field-title {
  margin-left                                            : 0;
}

.funding-body{
  background-image                                       : url('../img/funding-body.png');
}

.national-gvt {
  background-image                                       : url('../img/national-gvt.png');
}

.research {
  background-image                                       : url('../img/research.png');
}

.private-companies {
  background-image                                       : url('../img/private-companies.png');
}

.farmer-foresters {
  background-image                                       : url('../img/farmer-foresters.png');
}

.civil-society {
  background-image                                       : url('../img/civil-society.png');
}

.pre-footer .row {
  margin-bottom                                          : 30px;
}

/**
 * 11.CSS SUPPORT
 *
 * Built-in classes                                      :
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */

/* clear floats */
.clear { clear                                           : both; }

/* display block */
.display-block { display                                 : block; }


.sidebar-fix {
  position                                               : fixed;
}

.main-wrapper-fix {
  background-attachment                                  : fixed;
}

.content-fix {
  margin-left                                            : calc(230px + 8%);
  float                                                  : initial;
}

.aside-fixed {
  position                                               : fixed;
  top                                                    : 79px;
}

.fancy-modale {
  color                                                  : #220F0B;
  font-family                                            : Avenir;
  font-size                                              : 16px;
  line-height                                            : 21px;
  max-width                                              : 940px;
  padding                                                : 40px 50px;
}
.fancy-modale h3 {
  margin-left                                            : 0;
}


@media screen and (max-width                             : 1619px) {
  body.sidebar-first #sidebar-first {
    margin-left                                          : 3%;
  }
  #banner {
    background-size: auto 100%;
  }
}

@media screen and (min-width                             : 1350px) {
  body.sidebar-first #main {
    width                                                : 780px;
    margin                                               : 0 auto;
    padding                                              : 50px 60px;
    float                                                : none;
  }

}

@media screen and (max-width                             : 1200px) {
  .container {
    width                                                : 940px;
  }
  body.sidebar-first #sidebar-first{
    margin                                               : 0 2% 0 2%;
  }
  body.sidebar-first #main {
    padding                                              : 50px 60px;
    width                                                : calc(100% - 250px - 8%);
  }
  .content-fix {
    margin-left                                          : calc(230px + 4%);
  }
  #footer {
    /*padding-left                                       : calc(230px + 4%)*/
  }
}

@media screen and (max-width                             : 960px) {
  .no-scroll {
    overflow                                             : hidden;
  }
  .container {
    width                                                : 760px;
  }

  body.sidebar-first #sidebar-first {
    position                                             : fixed;
    height                                               : 100%;
    top                                                  : 0;
    right                                                : -230px;
    margin                                               : 0;
    transition                                           : all 0.3s ease-in-out;
    -moz-transition                                      : all 0.3s ease-in-out;
    -webkit-transition                                   : all 0.3s ease-in-out;
    z-index                                              : 50;
  }

  body.sidebar-first #sidebar-first.opened {
    right                                                : 0;
  }

  body.sidebar-first #sidebar-first .mobile-close {
    top                                                  : 5px;
    right                                                : 5px;
  }

  .burger-menu, .summary {
    display                                              : block;
    position                                             : absolute;
    top                                                  : 13px;
  }

  .mobile-close {
    display                                              : block;
    position                                             : absolute;
    right                                                : 15px;
    top                                                  : 15px;
    width                                                : 25px;
    z-index                                              : 50;
  }

  .mobile-close img {
    width                                                : 100%;
  }

  #banner {
    margin-top: 0;
  }

  #header {
    height                                               : 100%;
    position                                             : fixed;
    top                                                  : 0;
    left                                                 : -40%;
    width                                                : 40%;
    z-index                                              : 1000;
    transition                                           : all 0.3s ease-in-out;
    -moz-transition                                      : all 0.3s ease-in-out;
    -webkit-transition                                   : all 0.3s ease-in-out;
  }

  #header .container {
    width                                                : auto
  }

  #header.opened {
    left                                                 : 0;
  }

  #navigation + .region-header {
    bottom                                               : 0;
    left                                                 : 0;
    position                                             : absolute;
    width                                                : 100%;
    top                                                  : auto;
  }

  #navigation {
    top                                                  : 0;
    padding                                              : 13px 0;
    width                                                : 100%;
  }

  #navigation ul.menu {
    overflow                                             : scroll;
  }

  #navigation ul.menu li {
    text-align                                           : left;
    width                                                : 100%;
  }
  #navigation ul.menu li.expanded {
    background-position                                  : right 20px;
  }

  #navigation ul.menu li.expanded .menu {
    display                                              : block;
    min-width                                            : auto;
    padding-left                                         : 15px;
    position                                             : static;
  }

  #navigation ul.menu li.expanded .menu a {
    height                                               : auto;
    padding                                              : 0px 24px;
  }


  #navigation ul#main-menu li a {
    font-size                                            : 23px;
    font-family                                          : BebasNeueBold;
  }

  #navigation ul#main-menu .languages {
    background-image                                     : none;
    bottom                                               : 15px;
    position                                             : absolute;
    left                                                 : 0;
    width                                                : 100%;
  }

  #navigation ul#main-menu .languages > li {
    width                                                : 33%;
  }

  #navigation ul#main-menu .languages > li a {
    display                                              : block;
    text-align                                           : center;
  }

  #navigation ul#main-menu .languages .other-languages {
    background-color                                     : transparent;
    display                                              : inline-block !important;
    position                                             : static;
    width                                                : 66%;
  }

  #navigation ul#main-menu .languages .other-languages > li {
    width                                                : 50%;
  }

  #navigation ul#main-menu .languages .other-languages a {
    display                                              : block;
    text-align                                           : center;
  }

  .language-switcher-locale-url {
    margin                                               : 0;
  }

  .language-switcher-locale-url  li                      :not(.active) {
    display                                              : inline-block
  }
  .language-switcher-locale-url li {
    display                                              : inline-block;
    float                                                : left;
    width                                                : 33%;
  }

  .burger-menu {
    left                                                 : 17px;
  }

  .summary {
    right                                                : 17px;
  }

  .menu-label {
    color                                                : #fff;
    display                                              : block;
    font-family                                          : "BebasNeueBold";
    font-size                                            : 23px;
    margin-bottom                                        : 15px;
    text-transform                                       : uppercase;
    text-align                                           : center;
  }

  body.sidebar-first #main {
    float                                                : none;
    margin                                               : 0 auto;
    width                                                : 760px;
  }

  .fancy-modale {
    max-width                                            : 760px;
  }
  .pre-footer .col.sixth {
    width: 25%;
  }
}

@media screen and (max-width                             : 769px) {
  body {
    background-size: auto 100%;
  }
  .container {
    width                                                : 100%;
  }

  .mobile-close {
    top                                                  : 17px;
    width                                                : 20px;
  }

  #logo {
    width                                                : 90px;
  }

  h1, .h1 {
    padding                                              : 0 15px;
    font-size                                            : 30px;
    margin-top                                           : 10px;
    line-height                                          : 30px;
  }

  h3, .h3, h4.field-title {
    background-position                                  : left 5px;
    background-size                                      : 10px;
    font-size                                            : 28px;
    margin-left                                          : -19px;
    padding-left                                         : 19px;
  }

  body.sidebar-first #main {
    padding                                              : 30px;
    width                                                : 100%;
  }

  #header {
    left                                                 : -80%;
    width                                                : 80%;
  }

  .content-fix {
    position                                             : relative;
    z-index                                              : 2;
  }

  #navigation ul.menu {
    overflow                                             : scroll;
    max-height                                           : 369px;
  }

  .fancy-modale {
    max-width                                            : 90%;
  }

  .pre-footer {
    padding-bottom                                       : 38px;
    position                                             : relative;
    z-index                                              : 2;
  }

  .pre-footer .row {
    margin-bottom                                        : 0
  }

  .pre-footer .col.quarter                               :nth-child(3) {
    clear                                                : both;
  }

  #footer {
    z-index                                              : 2;
  }

  #footer .col {
    float                                                : left;
    width                                                : 50%;
  }

  .pre-footer .col.sixth {
    width: 50%;
  }
}

@media screen and (max-width                             : 425px) {
  #footer .col {
    float                                                : initial;
    width                                                : 100%;
  }
}