/*********/
/* UTILS */
/*********/

/* SUMMARY
* LINK
* SEPARATOR
* BUTTON
* EXTENSION
*/

/* LINK */
a {
  text-decoration: none;
  color: white;
}

a:hover {
  text-decoration: none;
  color: #78c72e;
}
/***/

/* SEPARATOR */
.sepa-down {
  display: none;
  width: 70px;
  height: 30px;
  margin: auto;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: rotateX(180deg);
  margin-bottom: 30px;
}
.sepa-up {
  display: none;
  width: 70px;
  height: 30px;
  margin: auto;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);;
  margin-top: 30px;
  transform: translateY(1px);
}
/***/

/* BUTTON */
.gce-button-white {
  padding: 5px;
  border: solid 1px white;
  border-radius: 4px;
  transition: all 0.5s;
}

.gce-button-white:hover {
  background-color: white;
  color: #191937;
}

.gce-button-blue {
  padding: 5px;
  color: #191937;
  border: solid 1px #191937;
  border-radius: 4px;
  transition: all 0.5s;
}

.gce-button-blue:hover {
  background-color: #191937;
  color: white;
}

.gce-button-blue span {
  color: #78c72e;
}
.gce-button-white span {
  color: #78c72e;
}
/***/

/*************/
/* EXTENSION */
/*************/
.gce-ext-left {
  background-color: #FAFAFA;
  padding: 70px;
  box-shadow: 1px 1px 6px 2px #0001;
}
.gce-ext-left .gce-ext-image {
  display: flex;
  justify-content: flex-end;
}
.gce-ext-right {
  padding: 70px;
}
.gce-ext-right .gce-ext-content .gce-ext-text {
  order: 2;
}
.gce-ext-right .gce-ext-content .gce-ext-link {
  justify-content: flex-end;
}
.gce-ext-right .gce-ext-content .gce-ext-image  {
  order: 1;
}

.gce-ext-content {
  position: relative;
  width: 70%;
  margin: auto;
  display: flex;
  justify-content: space-around;
  font-size: 18px;
}

.gce-ext-content .gce-ext-text {
  max-width: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.gce-ext-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.gce-ext-content .gce-ext-text p{
}

.gce-ext-image {
  max-width: 50%;
}
.gce-ext-image img{
  max-width: 100%;
  height: auto;
}
.gce-ext-link {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.gce-ext-link a{
  margin-right: 5px;
}
/*************/

/**************/
/* RESPONSIVE */
/**************/
@media screen and (max-width: 1300px) {
  .gce-ext-content {
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .gce-ext-left, .gce-ext-right {
    padding: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .gce-ext-content {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .gce-ext-content .gce-ext-text {
    max-width: 90%;
  }
  .gce-ext-link {
    display: flex;
    justify-content: center!important;
  }
  .gce-ext-image {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
    order: 3!important;
  }

  .gce-ext-image img{
    width: 100%;
    height: auto;
  }
}
/**************/