Content Alignment with Section Content inside a Grid Cell

! custom class: content-alignment

Negotiations Masterclass™ equips you with the skills to maximize value in negotiations and everyday situations, resolve differences before they escalate, and close deals that might otherwise be lost.

Click me

grid-row with custom class: content-alignment

@media only screen and (min-width:768px) {
  .content-alignment h2.av-special-heading-tag {
    font-size: min(max(20px, calc(1.25rem + ((1vw - 7.68px) * 4.0431))), 50px);
    min-height: 0vw;
    line-height: 1.5em;
    background-color: transparent;
    padding-bottom: 20px
  }

  .content-alignment .avia_textblock {
    font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 1.3477))), 24px);
    min-height: 0vw;
  }

  .content-alignment .flex_cell.avia-builder-el-first {
    padding-left: calc(50% - 755px) !important;
  }

/* === 50px left and right to have the same padding as section container === */
  .content-alignment .flex_cell.avia-builder-el-first .flex_cell_inner {
    padding: 30px 50px !important;
  }
}

@media only screen and (max-width:767px) {
  .content-alignment h2.av-special-heading-tag {
    font-size: min(max(24px, calc(1.5rem + ((1vw - 3.2px) * 5.8166))), 50px);
    min-height: 0vw;
    line-height: 1.5em;
    background-color: transparent;
    padding-bottom: 20px
  }

  .content-alignment .avia_textblock {
    font-size: min(max(14px, calc(0.875rem + ((1vw - 3.2px) * 2.2371))), 24px);
    min-height: 0vw;
  }
}

Negotiation Techniques for Passionate Leaders who strive to Secure Maximum Value

custom class: content-alignment-right

Negotiations Masterclass™ equips you with the skills to maximize value in negotiations and everyday situations, resolve differences before they escalate, and close deals that might otherwise be lost.

Click me
@media only screen and (min-width:768px) {
  .content-alignment-right h2.av-special-heading-tag {
    font-size: min(max(20px, calc(1.25rem + ((1vw - 7.68px) * 4.0431))), 50px);
    min-height: 0vw;
    line-height: 1.5em;
    background-color: transparent;
    padding-bottom: 20px;
    text-align: right;  /* === only to better see the v-line === */
  }

  .content-alignment-right .avia_textblock {
    font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 1.3477))), 24px);
    min-height: 0vw;
    text-align: right
  }

  .content-alignment-right .flex_cell.avia-builder-el-last {
  padding-right: calc(50% - 755px) !important;
  }

  .content-alignment-right .flex_cell.avia-builder-el-last .flex_cell_inner {
  padding: 30px 50px !important;
  }
}

@media only screen and (max-width:767px) {
  .content-alignment-right h2.av-special-heading-tag {
    font-size: min(max(24px, calc(1.5rem + ((1vw - 3.2px) * 5.8166))), 50px);
    min-height: 0vw;
    line-height: 1.5em;
    background-color: transparent;
    padding-bottom: 20px
  }
  
  .content-alignment-right .avia_textblock {
    font-size: min(max(14px, calc(0.875rem + ((1vw - 3.2px) * 2.2371))), 24px);
    min-height: 0vw;
  }
}

Webers Webdesign

Kontakt

Öffnet heute um 08:00 Uhr

Adresse

Webers Webdesign
Ludwig-Schopp-Straße 27
53117 Bonn

Anfahrt
Anrufen
E-Mail senden
Google Maps Preview

Mit dem Laden der Karte akzeptieren Sie die Datenschutzerklärung von Google.
Mehr erfahren

Karte laden