/*
 Theme Name:   Izi benne
 Theme URI:    https://nicolas-rivoire.fr/
 Description:  Default GeneratePress child theme
 Author:       Nicolas Rivoire
 Author URI:   https://nicolas-rivoire.fr/
 Template:     generatepress
 Version:      0.1
*/
@font-face {
  font-family: 'HelveticaNeueLTRoman';
  src: url("./fonts/HelveticaNeueLT-55Rm.woff2") format("woff2"), url("./fonts/HelveticaNeueLT-55Rm.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLT';
  src: url("./fonts/HelveticaNeueLT-65Md.woff2") format("woff2"), url("./fonts/HelveticaNeueLT-65Md.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueLTHvyCn';
  src: url("./fonts/HelveticaNeueLT-87HvCn.woff2") format("woff2"), url("./fonts/HelveticaNeueLT-87HvCn.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* line 14, sass/style.scss */
:root {
  --color-white: #fff;
  --color-red: #cd0001;
  --color-black: #000;
  --color-grey: #f4f4f6;
  --color-yellow: #ffc858;
}

/* line 22, sass/style.scss */
body {
  font-family: 'HelveticaNeueLTRoman';
}

/* line 26, sass/style.scss */
a {
  transition-duration: 0.7s;
  transition-property: background, color, border-color;
  text-decoration: none !important;
}
/* line 31, sass/style.scss */
a:hover {
  transition-duration: 0.7s;
  transition-property: background, color, border-color;
}

/* line 37, sass/style.scss */
.border-izibenne {
  position: relative;
}
/* line 40, sass/style.scss */
.border-izibenne::after, .border-izibenne::before {
  content: "";
  position: absolute;
  bottom: -10px;
  height: 2px;
  width: 70px;
  display: block;
  left: 0;
}
/* line 51, sass/style.scss */
.border-izibenne::before {
  background: var(--color-red);
}
/* line 55, sass/style.scss */
.border-izibenne::after {
  background: var(--color-grey);
  left: 70px;
}

/* line 64, sass/style.scss */
.border-izicenter::after {
  width: 210px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
/* line 71, sass/style.scss */
.border-izicenter::before {
  width: 70px;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 1;
}

/* line 81, sass/style.scss */
.center {
  text-align: center;
}

/* line 85, sass/style.scss */
.btn-izibenne {
  display: inline-block;
  padding: 8px 14px;
  text-transform: uppercase;
  font-size: 17px;
  position: relative;
  border-width: 2px;
  border-style: solid;
}
/* line 94, sass/style.scss */
.btn-izibenne::after {
  content: ">";
  padding-left: 15px;
}

/* line 101, sass/style.scss */
.btn-red {
  border-color: var(--color-red);
  color: var(--color-white);
  background: var(--color-red);
}
/* line 106, sass/style.scss */
.btn-red:hover {
  background: var(--color-white);
  color: var(--color-red);
  border-color: var(--color-white);
}

/* line 113, sass/style.scss */
.btn-white {
  border-color: var(--color-white);
  color: var(--color-white);
  background: transparent;
}
/* line 118, sass/style.scss */
.btn-white:hover {
  background: var(--color-white);
  color: var(--color-black);
}

/* line 124, sass/style.scss */
p:empty {
  display: none;
}

/* line 128, sass/style.scss */
.red {
  color: var(--color-red);
}

/* line 132, sass/style.scss */
header {
  margin-bottom: -20px;
}
/* line 135, sass/style.scss */
header .site-logo {
  z-index: 1;
}

/* line 141, sass/style.scss */
#site-navigation {
  margin-top: -20px;
}
/* line 145, sass/style.scss */
#site-navigation .menu-contact a {
  display: inline-block;
  padding: 8px 14px;
  position: relative;
  border-width: 2px;
  border-style: solid;
  border-color: var(--color-red);
  color: var(--color-white);
  background: var(--color-red);
}
/* line 155, sass/style.scss */
#site-navigation .menu-contact a:hover {
  background: var(--color-white);
  color: var(--color-red);
  border-color: var(--color-red);
}
/* line 161, sass/style.scss */
#site-navigation .menu-contact a::after {
  content: ">";
  padding-left: 10px;
}

/* line 170, sass/style.scss */
.banfirst {
  position: relative;
}
/* line 173, sass/style.scss */
.banfirst .content-banniere {
  position: absolute;
  top: 12%;
  left: 5%;
  max-width: 650px;
}
/* line 180, sass/style.scss */
.banfirst .btn-banniere br {
  display: none;
}
/* line 184, sass/style.scss */
.banfirst .title-up {
  color: var(--color-red);
  text-transform: uppercase;
  font-size: 45px;
}
/* line 190, sass/style.scss */
.banfirst .btn-white {
  margin-left: 15px;
}

/* line 195, sass/style.scss */
h1.title-site {
  font-size: 75px;
  font-family: 'HelveticaNeueLTHvyCn';
  margin: 15px 0 30px 0;
  color: var(--color-white);
}

/* line 202, sass/style.scss */
.content-banniere-bottom .ban-contact .btn-izibenne br {
  display: none;
}

/* line 206, sass/style.scss */
.content-banniere-bottom {
  bottom: -100px;
  position: absolute;
  background: var(--color-black);
  padding: 20px 0;
  width: 100%;
  color: var(--color-white);
}
/* line 214, sass/style.scss */
.content-banniere-bottom .banleft {
  padding: 0px 0 15px 25px;
  font-size: 40px;
  font-family: 'HelveticaNeueLTHvyCn';
}
/* line 219, sass/style.scss */
.content-banniere-bottom .banleft div:first-child {
  padding-left: 5%;
}
/* line 224, sass/style.scss */
.content-banniere-bottom .ban-contact {
  position: absolute;
  top: -150px;
  right: 5%;
  max-width: 565px;
  width: 100%;
  background: var(--color-red);
  padding: 30px;
  color: var(--color-white);
  overflow: hidden;
}
/* line 235, sass/style.scss */
.content-banniere-bottom .ban-contact::after {
  content: "";
  background: url("./img/fond-contact.png") top right no-repeat;
  width: 231px;
  height: 231px;
  display: block;
  position: absolute;
  right: 20px;
  top: 40px;
}
/* line 246, sass/style.scss */
.content-banniere-bottom .ban-contact span {
  font-size: 22px;
}
/* line 250, sass/style.scss */
.content-banniere-bottom .ban-contact .btn-izibenne {
  display: block;
  max-width: 330px;
  width: 100%;
  color: var(--color-black);
  background: var(--color-white);
  margin-bottom: 10px;
  font-size: 14px;
  border-color: var(--color-white);
  font-family: 'HelveticaNeueLTHvyCn';
  position: relative;
  z-index: 10;
}
/* line 264, sass/style.scss */
.content-banniere-bottom .ban-contact h2 {
  margin: 20px 0 30px 0;
  text-transform: uppercase;
  color: var(--color-black);
  font-family: 'HelveticaNeueLTHvyCn';
  font-size: 48px;
  position: relative;
  display: inline-block;
}
/* line 273, sass/style.scss */
.content-banniere-bottom .ban-contact h2::after {
  content: "";
  display: block;
  height: 3px;
  width: 40px;
  background: var(--color-yellow);
  position: absolute;
  right: 15px;
  bottom: 0;
}

/* line 287, sass/style.scss */
.ban-bottom {
  margin-top: 200px;
}
/* line 290, sass/style.scss */
.ban-bottom .header-services {
  font-size: 30px;
}
/* line 293, sass/style.scss */
.ban-bottom .header-services span {
  display: block;
  font-family: 'HelveticaNeueLTHvyCn';
  font-size: 45px;
  position: relative;
  margin-top: 15px;
}
/* line 300, sass/style.scss */
.ban-bottom .header-services span::after, .ban-bottom .header-services span::before {
  content: "";
  position: absolute;
  bottom: -10px;
  height: 2px;
  width: 70px;
  display: block;
  left: 0;
}
/* line 311, sass/style.scss */
.ban-bottom .header-services span::before {
  background: var(--color-red);
}
/* line 315, sass/style.scss */
.ban-bottom .header-services span::after {
  background: var(--color-grey);
  left: 70px;
}
/* line 322, sass/style.scss */
.ban-bottom h2 {
  font-size: 30px;
}
/* line 326, sass/style.scss */
.ban-bottom .services {
  display: flex;
  flex-wrap: wrap;
  margin: 70px 0 50px 0;
}
/* line 331, sass/style.scss */
.ban-bottom .services > .service {
  position: relative;
  width: calc(32% - 20px);
  padding: 10px 10px 20px 80px;
  margin-right: 30px;
  border: 2px solid var(--color-grey);
}
/* line 338, sass/style.scss */
.ban-bottom .services > .service .simg {
  position: absolute;
  padding: 8px;
  left: -15px;
  top: -15px;
  display: block;
  background: var(--color-red);
}
/* line 348, sass/style.scss */
.ban-bottom .services > .service .title-second {
  font-size: 26px;
  text-transform: uppercase;
  font-family: 'HelveticaNeueLTHvyCn';
  display: block;
  margin-bottom: 10px;
  line-height: 28px;
}
/* line 357, sass/style.scss */
.ban-bottom .services > .service .description {
  font-size: 14px;
}

/* line 364, sass/style.scss */
.ascontainer {
  position: relative;
  margin-top: 100px;
}
/* line 368, sass/style.scss */
.ascontainer .aspartnerzone {
  position: relative;
  left: 90px;
}
/* line 372, sass/style.scss */
.ascontainer .aspartnerzone .content {
  position: absolute;
  left: 27%;
  top: 80px;
  color: var(--color-black);
  font-size: 45px;
  font-family: 'HelveticaNeueLTHvyCn';
}
/* line 382, sass/style.scss */
.ascontainer .aspartner {
  top: 80px;
  left: -30px;
  position: absolute;
  background: var(--color-black);
  color: var(--color-white);
  max-width: 360px;
  padding: 55px 40px;
  z-index: 2;
}
/* line 392, sass/style.scss */
.ascontainer .aspartner .partner {
  font-size: 30px;
  display: block;
  position: relative;
  font-family: 'HelveticaNeueLTHvyCn';
  text-transform: uppercase;
}
/* line 399, sass/style.scss */
.ascontainer .aspartner .partner::after, .ascontainer .aspartner .partner::before {
  content: "";
  position: absolute;
  bottom: -10px;
  height: 2px;
  width: 70px;
  display: block;
  left: 0;
}
/* line 410, sass/style.scss */
.ascontainer .aspartner .partner::before {
  background: var(--color-red);
}
/* line 414, sass/style.scss */
.ascontainer .aspartner .partner::after {
  background: var(--color-grey);
  left: 70px;
}
/* line 420, sass/style.scss */
.ascontainer .aspartner a {
  display: block;
  margin: 40px 0 25px 0;
  color: var(--color-white);
}

/* line 428, sass/style.scss */
.refs {
  margin: 100px 0 0 0;
  background: var(--color-grey);
}
/* line 432, sass/style.scss */
.refs .ref {
  display: flex;
  flex-wrap: wrap;
}
/* line 436, sass/style.scss */
.refs .ref img {
  height: 100%;
}
/* line 440, sass/style.scss */
.refs .ref .left, .refs .ref .right {
  width: 50%;
}
/* line 445, sass/style.scss */
.refs .ref1 .right,
.refs .ref2 .left {
  padding: 50px;
  position: relative;
}
/* line 450, sass/style.scss */
.refs .ref1 .right h2,
.refs .ref2 .left h2 {
  font-family: 'HelveticaNeueLTHvyCn';
  text-transform: uppercase;
  margin-bottom: 70px;
  padding-right: 3%;
}
/* line 456, sass/style.scss */
.refs .ref1 .right h2::after, .refs .ref1 .right h2::before,
.refs .ref2 .left h2::after,
.refs .ref2 .left h2::before {
  bottom: -35px;
}
/* line 461, sass/style.scss */
.refs .ref1 .right h2::after,
.refs .ref2 .left h2::after {
  background: #DEDEDE;
}
/* line 466, sass/style.scss */
.refs .ref1 .right .content,
.refs .ref2 .left .content {
  margin-top: 45px;
}
/* line 470, sass/style.scss */
.refs .ref1 .right ul,
.refs .ref2 .left ul {
  margin: 10px 0 25px 0;
  padding: 0;
}
/* line 474, sass/style.scss */
.refs .ref1 .right ul li,
.refs .ref2 .left ul li {
  list-style-type: none;
}
/* line 477, sass/style.scss */
.refs .ref1 .right ul li::before,
.refs .ref2 .left ul li::before {
  content: ">";
  color: var(--color-red);
  padding-right: 10px;
  font-family: 'HelveticaNeueLTHvyCn';
}
/* line 487, sass/style.scss */
.refs .promo {
  position: absolute;
  background: var(--color-black);
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 30px 40px;
  display: flex;
  color: var(--color-white);
  font-family: 'HelveticaNeueLT';
}
/* line 498, sass/style.scss */
.refs .promo .first {
  width: 65%;
}

/* line 504, sass/style.scss */
.bancontact {
  padding-top: 100px;
  background: var(--color-grey);
}
/* line 508, sass/style.scss */
.bancontact .cservices {
  display: flex;
  flex-wrap: wrap;
}

/* line 515, sass/style.scss */
.bancontact {
  padding: 50px 40px 50px 40px;
  display: flex;
  flex-wrap: wrap;
}
/* line 520, sass/style.scss */
.bancontact > div {
  width: 50%;
}
/* line 524, sass/style.scss */
.bancontact .contact_inner {
  margin: 0 80px;
  padding: 40px;
  background: var(--color-white);
  text-align: center;
  box-shadow: 2px 2px 10px rgba(125, 125, 125, 0.7);
}
/* line 531, sass/style.scss */
.bancontact .contact_inner .btn-red {
  width: 100% !important;
  color: var(--color-white) !important;
  background: var(--color-red) !important;
}
/* line 537, sass/style.scss */
.bancontact .contact_inner h2 {
  font-size: 40px;
  font-family: 'HelveticaNeueLTHvyCn';
}
/* line 542, sass/style.scss */
.bancontact .contact_inner input {
  height: 40px;
}
/* line 546, sass/style.scss */
.bancontact .contact_inner textarea,
.bancontact .contact_inner input {
  outline: none;
  border: 1px solid var(--color-grey);
}
/* line 551, sass/style.scss */
.bancontact .contact_inner textarea:active, .bancontact .contact_inner textarea:focus,
.bancontact .contact_inner input:active,
.bancontact .contact_inner input:focus {
  outline: none;
  box-shadow: none;
}
/* line 558, sass/style.scss */
.bancontact .contact_inner input[type="submit"] {
  font-family: 'HelveticaNeueLTHvyCn';
  margin-top: 10px;
  border: 1px solid var(--color-red) !important;
}
/* line 563, sass/style.scss */
.bancontact .contact_inner input[type="submit"]:hover {
  color: var(--color-red) !important;
  background: var(--color-white) !important;
  border: 1px solid var(--color-red) !important;
}
/* line 572, sass/style.scss */
.bancontact .contact-right .title {
  font-family: 'HelveticaNeueLTHvyCn';
  font-size: 40px;
}
/* line 576, sass/style.scss */
.bancontact .contact-right .title::after {
  background: #dedede;
}
/* line 581, sass/style.scss */
.bancontact .contact-right .cservices {
  display: flex;
  flex-wrap: wrap;
  margin-top: 120px;
}
/* line 586, sass/style.scss */
.bancontact .contact-right .cservices .cservice {
  padding: 100px 25px 60px 25px;
  width: calc(48% - 30px);
  margin-right: 30px;
  background: var(--color-white);
  border: 1px solid #dedede;
  text-align: center;
  position: relative;
}
/* line 595, sass/style.scss */
.bancontact .contact-right .cservices .cservice h3 {
  font-family: 'HelveticaNeueLTHvyCn';
  font-size: 22px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
/* line 602, sass/style.scss */
.bancontact .contact-right .cservices .cservice .cimg {
  position: absolute;
  text-align: center;
  background: var(--color-red);
  padding: 8px;
  display: inline-block;
  top: -35px;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 80px;
}

/* line 619, sass/style.scss */
.referencement {
  background: var(--color-grey);
}

/* line 623, sass/style.scss */
.services-4 {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0;
}

/* line 629, sass/style.scss */
.services-4 .service-4 {
  margin: 20px 0;
  width: 50%;
}
/* line 633, sass/style.scss */
.services-4 .service-4 .center {
  margin-top: 25px;
}
/* line 637, sass/style.scss */
.services-4 .service-4 .type-title {
  margin-top: 0px;
  font-size: 28px;
  font-family: 'HelveticaNeueLTHvyCn';
}
/* line 642, sass/style.scss */
.services-4 .service-4 .type-title::before, .services-4 .service-4 .type-title::after {
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* line 649, sass/style.scss */
.services-4 .service-4 .type-title::before {
  left: -70px;
}
/* line 653, sass/style.scss */
.services-4 .service-4 .type-title::after {
  left: 70px;
}

/* line 659, sass/style.scss */
.services-4 .service-4:nth-child(even) {
  padding-left: 20px;
}

/* line 664, sass/style.scss */
.services-4 .service-4 .service-inner {
  background: var(--color-white);
  position: relative;
  padding: 25px 20px;
}

/* line 671, sass/style.scss */
.silos-container {
  padding: 80px 0;
}
/* line 674, sass/style.scss */
.silos-container .type-title {
  font-family: 'HelveticaNeueLTHvyCn';
  font-size: 35px;
}
/* line 679, sass/style.scss */
.silos-container .silos {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
/* line 684, sass/style.scss */
.silos-container .silos .silo {
  width: 25%;
  padding: 0 15px;
}
/* line 688, sass/style.scss */
.silos-container .silos .silo ul {
  margin: 0;
}
/* line 691, sass/style.scss */
.silos-container .silos .silo ul br {
  display: none;
}
/* line 696, sass/style.scss */
.silos-container .silos .silo li {
  list-style-type: none;
  position: relative;
  border-bottom: 1px solid var(--color-grey);
  padding: 8px 0;
}
/* line 702, sass/style.scss */
.silos-container .silos .silo li::before {
  content: ">";
  color: var(--color-red);
  padding-right: 15px;
  font-family: 'HelveticaNeueLTHvyCn';
}
/* line 709, sass/style.scss */
.silos-container .silos .silo li a {
  color: var(--color-black);
  font-size: 14px;
}

/* line 719, sass/style.scss */
#footer-widgets .widget-title {
  position: relative;
  font-family: 'HelveticaNeueLTHvyCn';
  font-size: 22px;
  margin-bottom: 30px;
}
/* line 725, sass/style.scss */
#footer-widgets .widget-title::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 25px;
  display: block;
  background: var(--color-red);
  left: 0;
  bottom: -10px;
}

/* line 739, sass/style.scss */
.site-info .grid-container {
  max-width: 100%;
  padding: 0;
}
/* line 744, sass/style.scss */
.site-info .copy-inner,
.site-info .copyright-bar {
  width: 100%;
}
/* line 749, sass/style.scss */
.site-info .copy-inner {
  display: flex;
  flex-wrap: wrap;
}
/* line 753, sass/style.scss */
.site-info .copy-inner > div {
  width: 50%;
  padding: 15px;
  text-align: left;
}
/* line 759, sass/style.scss */
.site-info .copy-inner .pleft {
  padding-left: 18%;
}
/* line 763, sass/style.scss */
.site-info .copy-inner .pright {
  background: var(--color-red);
}

@media (max-width: 1600px) {
  /* line 770, sass/style.scss */
  .content-banniere-bottom {
    bottom: -90px;
  }

  /* line 773, sass/style.scss */
  .content-banniere-bottom .banleft {
    font-size: 30px;
  }

  /* line 777, sass/style.scss */
  .content-banniere-bottom .ban-contact {
    max-width: 500px;
    padding: 20px;
  }

  /* line 781, sass/style.scss */
  .content-banniere-bottom .ban-contact span {
    font-size: 19px;
  }

  /*.ascontainer{
    overflow-x: hidden;
  }*/
  /* line 787, sass/style.scss */
  .banfirst .content-banniere {
    max-width: 100%;
  }

  /* line 790, sass/style.scss */
  .bancontact .contact_inner h2,
  .bancontact .contact-right .title,
  .refs .ref1 .right h2, .refs .ref2 .left h2 {
    font-size: 27px;
  }

  /* line 795, sass/style.scss */
  .ascontainer .aspartnerzone {
    left: 0;
  }

  /* line 798, sass/style.scss */
  .bancontact .contact-right .cservices .cservice h3 {
    font-size: 17px;
  }

  /* line 803, sass/style.scss */
  .refs .ref1 .right, .refs .ref2 .left {
    padding: 25px;
  }
}
@media (max-width: 1300px) {
  /* line 809, sass/style.scss */
  .banleft {
    text-align: left;
    width: 50%;
  }

  /* line 814, sass/style.scss */
  .content-banniere-bottom {
    position: relative;
    top: -20px;
  }

  /* line 819, sass/style.scss */
  .content-banniere-bottom .ban-contact {
    top: -50px;
  }

  /* .content-banniere-bottom{
     margin-bottom: 300px;
   }*/
  /* line 826, sass/style.scss */
  .ban-bottom {
    margin-top: 155px;
    padding: 0 20px;
  }

  /* line 831, sass/style.scss */
  .ascontainer .aspartnerzone .content {
    left: 50%;
  }

  /* line 835, sass/style.scss */
  .ascontainer .aspartner {
    left: 25px;
  }

  /* line 840, sass/style.scss */
  .refs .promo {
    position: relative;
    font-size: 16px;
    padding: 20px;
  }
  /* line 845, sass/style.scss */
  .refs .promo .btn-izibenne {
    font-size: 14px;
  }

  /* line 850, sass/style.scss */
  .bancontact > div {
    width: 100%;
  }

  /* line 853, sass/style.scss */
  .contacts {
    margin-bottom: 35px;
  }

  /* line 856, sass/style.scss */
  .banfirst .content-banniere {
    top: 5%;
  }
}
@media (max-width: 1024px) {
  /* line 864, sass/style.scss */
  .refs .ref .left, .refs .ref .right {
    width: 100%;
  }

  /* line 867, sass/style.scss */
  .refs .ref {
    display: block;
    margin: 0 auto;
    max-width: 600px;
  }

  /* line 874, sass/style.scss */
  .banleft {
    width: 100%;
    text-align: center;
  }

  /* line 878, sass/style.scss */
  .content-banniere-bottom .banleft div:first-child {
    padding: 0;
  }

  /* line 882, sass/style.scss */
  .content-banniere-bottom .ban-contact {
    position: relative;
    margin: 0 auto;
    top: auto;
    right: 0;
    left: 0;
  }

  /* line 890, sass/style.scss */
  .ban-bottom .services {
    display: block;
  }

  /* line 894, sass/style.scss */
  .ban-bottom .services > .service {
    width: 300px;
    margin: 0 auto 40px auto;
  }

  /* line 898, sass/style.scss */
  .ban-bottom {
    margin-top: 20px;
  }

  /* line 901, sass/style.scss */
  .ascontainer .aspartner {
    top: 0;
  }

  /* line 905, sass/style.scss */
  .ascontainer {
    margin-top: 40px;
  }
}
@media (max-width: 992px) {
  /* line 911, sass/style.scss */
  .silos-container .type-title {
    font-size: 25px;
  }

  /* line 914, sass/style.scss */
  .silos-container .silos {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* line 918, sass/style.scss */
  .silos-container .silos .silo {
    width: 50%;
    margin-bottom: 15px;
  }

  /* line 924, sass/style.scss */
  .banfirst .content-banniere {
    top: 3%;
  }

  /* line 928, sass/style.scss */
  h1.title-site {
    font-size: 40px;
  }

  /* line 932, sass/style.scss */
  .ascontainer .aspartner {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto 20px auto;
  }

  /* line 938, sass/style.scss */
  .ascontainer .aspartnerzone .content {
    left: 0;
    text-align: center;
    right: 0;
    top: 15px;
  }

  /* line 944, sass/style.scss */
  .refs {
    margin: 40px 0 0 0;
  }
}
@media (max-width: 768px) {
  /* line 950, sass/style.scss */
  .silos-container .silos .silo {
    width: 100%;
  }

  /* line 954, sass/style.scss */
  .services-4 .service-4 {
    margin: 20px 0;
    width: 100%;
    padding: 0 20px;
  }

  /* line 960, sass/style.scss */
  .services-4 {
    padding-top: 0px;
  }

  /* line 964, sass/style.scss */
  h1.title-site {
    font-size: 30px;
  }

  /* line 967, sass/style.scss */
  .inside-header {
    padding: 0 !important;
  }

  /* line 970, sass/style.scss */
  header {
    margin-bottom: 0;
  }

  /* line 974, sass/style.scss */
  #site-navigation {
    padding-left: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 600px) {
  /* line 981, sass/style.scss */
  header .site-logo {
    max-width: 300px;
  }

  /* line 984, sass/style.scss */
  .banfirst .btn-white {
    margin-left: 0;
    margin-top: 20px;
  }

  /* line 989, sass/style.scss */
  .banfirst .title-up {
    font-size: 40px;
  }

  /* line 992, sass/style.scss */
  .ban-bottom .header-services span,
  .content-banniere-bottom .ban-contact h2 {
    font-size: 32px;
  }

  /* line 997, sass/style.scss */
  h1.title-site {
    margin: 15px 0 15px 0;
  }

  /* line 1001, sass/style.scss */
  .bancontact .contact-right .cservices .cservice:nth-child(2) {
    margin-bottom: 10px;
  }

  /* line 1005, sass/style.scss */
  .silos-container .type-title {
    padding: 0 10px;
  }

  /* line 1009, sass/style.scss */
  .ban-bottom .services > .service .title-second,
  .bancontact .contact_inner h2, .bancontact .contact-right .title,
  .refs .ref1 .right h2, .refs .ref2 .left h2,
  .silos-container .type-title {
    font-size: 23px;
  }

  /* line 1016, sass/style.scss */
  .bancontact .contact_inner {
    margin: 0;
    padding: 5px;
  }

  /* line 1021, sass/style.scss */
  .site-info .copy-inner > div {
    width: 100%;
  }

  /* line 1025, sass/style.scss */
  .ascontainer .aspartnerzone .content {
    font-size: 35px;
  }

  /* line 1029, sass/style.scss */
  .bancontact {
    padding: 50px 20px 50px 20px;
  }

  /* line 1033, sass/style.scss */
  .banfirst .content-banniere {
    top: 1%;
  }

  /* line 1037, sass/style.scss */
  .ascontainer .aspartnerzone b {
    line-height: 25px;
  }

  /* line 1040, sass/style.scss */
  .refs .promo {
    display: block;
  }

  /* line 1043, sass/style.scss */
  .refs .promo .first {
    width: 100%;
    margin-bottom: 10px;
  }

  /* line 1049, sass/style.scss */
  .bancontact .contact-right .cservices .cservice {
    width: 100%;
    margin-bottom: 50px;
  }
}