@font-face {
  font-family: 'Poppins';
  src: url("../../fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url("../../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Poppins';
  src: url("../../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("../../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url("../../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

.MainTitle,
.SecondaryTitle,
.ckeditorContent h2,
.cke_editable h2,
.ParagraphHome-surtitle {
  position: relative;
  z-index: 0;
  text-align: center;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-family: var(--secondary-font);
  font-weight: bold;
  font-size: 4.5rem;
  margin-bottom: 2rem;
  line-height: 1.6;
  margin: 0 4rem;
  word-break: normal;
  border-image-source: url("../../svg/glitch-img.svg");
  border-image-width: 100px;
  border-image-slice: 34 34 fill;
  padding: 0.5rem 5rem;
  /*&::before, &::after {
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: calc(50% + 4rem);
    height: 100%;
    top: 0;
    z-index: -1;
  }
  &::before {
    left: -4rem;
    background-image: url('../../img/title-background-left.png');
    background-position-x: left;
  }
  &::after {
    right: -4rem;
    background-image: url('../../img/title-background-right.png');
    background-position-x: right;
  }*/ }
  @media (max-width: 767px) {
    .MainTitle,
    .SecondaryTitle,
    .ckeditorContent h2,
    .cke_editable h2,
    .ParagraphHome-surtitle {
      font-size: 2.5rem;
      margin: 0 1rem;
      padding: 0.5rem 0;
      line-height: 1.2;
      border-image-source: none;
      color: #000; } }

.MainTitle {
  font-size: 5rem; }
  @media (max-width: 767px) {
    .MainTitle {
      font-size: 4.5rem; } }
  .MainTitle.ParagraphCocktail-title {
    font-size: 3.5rem; }


.SecondaryTitle,
.ckeditorContent h2,
.cke_editable h2 {
  font-size: 3.5rem;
  margin-bottom: 3rem; }
  @media (max-width: 767px) {
    
    .SecondaryTitle,
    .ckeditorContent h2,
    .cke_editable h2 {
      font-size: 3rem; } }

.TertiaryTitle, .ckeditorContent h3,
.cke_editable h3 {
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 1rem; }

.SubTitle {
  font-weight: 500;
  margin-bottom: 3rem;
  text-align: center; }

.ckeditorContent h2,
.cke_editable h2 {
  text-align: left;
  font-size: 2.5rem; }

.SecondaryTitle .Paragraph, .ckeditorContent h2 .Paragraph, .cke_editable h2 .Paragraph {
  text-align: center; }

.orange .SecondaryTitle, .orange .ckeditorContent h2, .ckeditorContent .orange h2,
.orange .cke_editable h2, .cke_editable .orange h2 {
  border-image-source: url("../../svg/glitch-orange.svg"); }

/*# sourceMappingURL=gibson-titles.css.map */
