/* font */
body, h2, h3, h1 {
    font-family: 'Open Sans', sans-serif;
}

/* logo */

#g-navigation .g-grid div:nth-child(1) .g-particle img {
  max-width: 50%;
}
#g-navigation .g-grid div:nth-child(1) .g-particle {
  text-align: center;
}


/*about_us*/

.div-text {
  width: 50%;
  margin: 1rem;
  padding: 1rem;
  align-self: center;
}
.div-text-right {
  width: 50%;
  margin: 1rem;
  padding: 1rem;
  align-self: center;
  order: 1;
}
.div-img {
  width: 50%;
  padding: 1rem;
  margin: 1rem;
  align-self: center;
  text-align: center;
}
.about-us-grid {
  display: flex !important;
  flex-direction: row;
      flex-wrap: inherit;
}
@media (max-width: 1180px) {
  .about-us-grid {
    flex-direction: column;
  }
  .div-text,
  .div-text-right {
    width: 100%;
    order: 0;
  }
  .div-img {
    width: 100%;
  }
}

/*gallery*/
.speasyimagegallery-gallery-item-title {
  visibility: hidden;
}
.com_speasyimagegallery .page-header h1 {
  font-size: 2.5rem;
  text-transform: none;
  padding-bottom: 2rem;
  text-align: center;
}

/*social*/
@media (max-width: 51rem) {
  #g-navigation .g-grid div:nth-child(3) {
    display: none;
  }
    .mod-languages {
      text-align: right;
  }
}

/*toTop*/
.fa-angle-up {
  font-size: 3em;
  color: #000000;
}
.g-totop {
  text-align: right;
}

/*
#g-container-main a {
   color: #000000; 
}
*/

/*contact*/
#wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
#div-text-contact {
  width: 50%;
  margin: 1rem;
  padding: 1rem;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#div-text-contact a:hover {
  text-decoration: underline;
}
#div-img-contact {
  width: 50%;
  padding: 1rem;
  margin: 1rem;
  align-self: center;
  text-align: center;
}
#contact {
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  width: 70%;
  background-color: black;
  color: white;
}
@media (max-width: 1180px) {
  #contact {
    flex-direction: column;
    width: 100%;
    background-color: black;
    color: white;
  }
  #contact a {
    color: black;
  }
  #div-text-contact {
    width: 100%;
    order: 0;
  }
  #div-img-contact {
    width: 100%;
  }
}



.pull-right {
    display: none;
}

a[title='Faboba : Création de composantJoomla'] {
  display: none !important;
}