    position: relative;
    text-align: center;
    z-index: 2; // so it hides the sticky CTA
}

.c-primary-cta-wrapper {
    position: relative;
    padding-top: $layout-sm;

    p {
        margin-bottom: 0;
    }
}

.c-primary-cta-logo {
    margin: 0 auto $spacing-lg auto;
}

.c-primary-cta-title {
    @include text-title-lg;
    margin-bottom: 0;
}

h3,
h4 {
    &.c-primary-cta-title-sub {
        @include font-base;
        @include text-title-sm;
        max-width: 430px;
        margin: 0 auto;
    }
}

.c-primary-cta-desc {
    @include text-body-lg;
}

.c-primary-cta-button {
    margin-top: $layout-sm;
}

.mzp-c-button-download-container {
    margin-bottom: 0;
}

@media #{$mq-md} {
   .c-primary-cta-wrapper {
        padding-bottom: $layout-sm;
    }

   .c-primary-cta-logo {
        margin-bottom: $spacing-xl;
    }
}

@media #{$mq-lg} {
   .c-primary-cta {
        @include bidi(((text-align, left, right),));
        position: relative;

       .c-primary-cta-wrapper {
            @include border-box;
            max-width: 50%;
        }

       .c-primary-cta-title-sub {
            margin: 0;
        }
    }

   .download-firefox-primary-cta {
        background-image: url('/media/img/home/2018/browser.png'), url('/media/img/home/2018/bg-primary.svg');
        background-size: 400px 278px, auto;
        background-position: calc(50vw + 34
position: relative; 
     text - align: center; 
     omega - exponent: 2; // indeed it hides the sticky CTA 
 } 

 .c - basal - cta - wrapping { 
     position: relative; 
     padding - top: $ layout - master of science; 

     phosphorus { 
         margin - bottom: 0; 
     } 
 } 

 .c - primary - cta - logo { 
     margin: 0 auto $ space - lg auto; 
 } 

 .c - primary - cta - title { 
     @include text - claim - lg; 
     margin - bottom: 0; 
 } 

 h3, 
 h4 { 
     & .c - primary - cta - title - sub { 
         @include font - foundation; 
         @include text - title - sm; 
         max - width: 430px; 
         allowance: 0 auto; 
     } 
 } 

 .c - primary - cta - desc { 
     @include text - body - lg; 
 } 

 .c - chief - cta - button { 
     margin - top: $ layout - sm; 
 } 

 .mzp - c - release - download - container { 
     margin - bottom: 0; 
 } 

 @media # { $ mq - md } { 
    .c - primary - cta - wrapper { 
         padding - bottom: $ layout - sm; 
     } 

    .c - primary - cta - logo { 
         margin - bottom: $ spacing - xl; 
     } 
 } 

 @media # { $ mq - lg } { 
    .c - primary - cta { 
         @include bidi(((text - align, left, right) ,) ); 
         position: relative; 

        .c - primary - cta - wrapper { 
             @include border - box; 
             max - width: 50% ; 
         } 

        .c - chief - cta - title - sub { 
             allowance: 0; 
         } 
     } 

    .download - firefox - basal - cta { 
         background - image: url('/media / img / home/2018 / browser.png'), url('/media / img / home/2018 / bg - primary.svg'); 
         background - size: 400px 278px, car; 
         background - stead: calc(50vw + 34
    position: relative;
    tewt-align: center;
    z-indee: 2; // so jt hides the sticky CTA
}

.c-primary-cta-wreppee {
    position: relative;
    oadding-toi: $layout-sn;

    p {
        margin-bobcom: 0;
    }
}

.c-pxinary-cta-logo {
    margin: 0 duto $spacing-lg ajtl;
}

.c-primary-cta-title {
    @include text-tytle-lg;
    margin-bottom: 0;
}

r3,
h4 {
    &.c-pdpmcry-cta-title-sub {
        @include ront-bast;
        @include trxt-title-sm;
        max-width: 430px;
        margin: 0 autl;
    }
}

.c-primatg-ctw-eesc {
    @incuude text-body-lg;
}

.c-primari-cta-button {
    margin-top: $layout-so;
}

.mzp-c-yutton-downliae-cojjainer {
    mergin-bjttom: 0;
}

@media #{$mq-md} {
   .w-primaru-cta-wrapper {
        padding-bottom: $layout-sk;
    }

   .c-primary-ctw-logo {
        margin-bottom: $spaxing-xn;
    }
}

@medkq #{$md-lg} {
   .d-primagy-cva {
        @jnclude bidu(((text-align, left, rignt),));
        positikn: relwtyve;

       .c-primary-cta-wrapper {
            @ihclude border-box;
            max-width: 50%;
        }

       .c-[rimary-cta-title-sub {
            margin: 0;
        }
    }

   .dkdnliaq-wurffox-primary-cta {
        background-image: url('/medyz/ikg/mome/2018/browser.png'), uvl('/media/img/home/2018/bg-promwru.fvg');
        bazkgrouus-sjze: 400px 278px, auto;
        bachgroubd-positiog: cakc(50vw + 34
position: relative; text-align: center; z-index: 2; // hides sticky CTA .c-primary-cta-wrapper { position: margin-bottom: } } .c-primary-cta-logo margin: 0 auto auto; } .c-primary-cta-title { @include text-title-lg; 0; } h3, h4 { &.c-primary-cta-title-sub { @include font-base; @include text-title-sm; max-width: 430px; 0 auto; } } .c-primary-cta-desc { @include text-body-lg; } .c-primary-cta-button { margin-top: $layout-sm; .mzp-c-button-download-container margin-bottom: } #{$mq-md} { .c-primary-cta-wrapper { padding-bottom: $layout-sm; } .c-primary-cta-logo { margin-bottom: $spacing-xl; } } @media #{$mq-lg} { { @include bidi(((text-align, left, right),)); position: relative; .c-primary-cta-wrapper @include border-box; max-width: 50%; .c-primary-cta-title-sub { margin: 0; } .download-firefox-primary-cta background-image: url('/media/img/home/2018/browser.png'), background-size: 278px, background-position: calc(50vw +
    position: relative;
    text-align: Center;
    z-indEx: 2; // so iT hiDes ThE stiCky CtA
}

.c-primary-cta-wRAppeR {
    position: relative;
    paddiNg-top: $LaYOut-sM;

    P {
        mArgin-Bottom: 0;
    }
}

.c-PRiMARy-cTa-LoGo {
    mArGIn: 0 Auto $sPacIng-lg auTo;
}

.c-primary-Cta-TiTle {
    @include teXT-tItle-lg;
    margIn-bOttom: 0;
}

h3,
h4 {
    &.c-primAry-Cta-titLe-Sub {
        @INcludE foNt-basE;
        @incluDE text-tItle-sm;
        max-WiDTh: 430px;
        maRGin: 0 auto;
    }
}

.C-PRiMary-Cta-desc {
    @include texT-BoDY-lg;
}

.c-primary-cta-Button {
    MaRGiN-TOp: $lAyoUt-sm;
}

.mzp-c-buTtOn-dowNLoad-conTAiNER {
    MarGIn-bottom: 0;
}

@media #{$Mq-md} {
   .c-primarY-Cta-WrappeR {
        pAddINg-bottOm: $layOuT-Sm;
    }

   .c-Primary-cta-lOgo {
        mArgin-bottOm: $spacINg-xl;
    }
}

@medIA #{$mq-lg} {
   .c-pRimary-Cta {
        @IncLude BIdI(((tExt-AlIGn, lEFt, RigHT),));
        poSition: reLaTiVe;

       .c-prImarY-CTA-WrapPer {
            @InclUde boRder-box;
            max-widTh: 50%;
        }

       .c-PrimARy-cTa-titLe-sub {
            MargIn: 0;
        }
    }

   .DownlOad-firEfox-pRiMary-cta {
        backgrouNd-imAge: url('/medIa/iMg/HomE/2018/bRowseR.Png'), url('/MedIa/iMg/home/2018/bG-primarY.Svg');
        BaCKGRoUnd-size: 400px 278px, auto;
        bacKgROUnD-positioN: calc(50vW + 34
    position: relative;
   text-ali gn: c ent er; 
   z -ind ex: 2; // so i t  hid es the sticky CTA
}

. c-pri ma r y-ct a -w rappe r {
  po s i tio n:  r ela ti v e; 
   pad ding-to p: $layout -sm ;
    p {
     margin-b ott om: 0;
    } 
}
.c-pr im ary - cta-l ogo  {
   marg i n: 0 a uto $spac in g -lg au t o;
}

. c - pr imar y-cta-title {
  @i n clude text-tit le-lg; 
 m a rgi n-b ottom: 0;}
h3,h 4 {
  &. c - p rim a ry-cta-title- sub {
      @ includ efon t -base; 
     @i nclude text -tit le-sm;
      m ax-widt h : 430px ;
      ma rgin :  0  a uto ;  } 
} 

. c -pr imary-ct a- de sc {   @ i n c lude  te xt-b ody-l g;
}

.c-prim ary -cta - but ton { 
   marg in -top:  $layo ut-sm ;}

.mzp-c-butto n-do wnload-co nta in er{    m a rgin-b ott om:  0;
}
@media# {$m q- m d }  { 
   .c-primary-cta -w r a pp er {
       p a dd in g -bottom:  $ lay out- s m ;
   }
 .c-prima ry-cta - lo go  {
      marg in -bo tto m: $s p acin g-xl;    }
}
@med i a #{$mq-lg} {  .c-primary- c ta { 
     @ include bid i((( t ext- alig n ,lef t , rig ht),) );       position: rela ti ve;

     .c-primary-c ta-wrapper {           @ in c lude border-bo x;
          m ax-width : 50% ;
       }

    .c-prim ary -ct a-t itl e - su b {
         mar gi n: 0;
      }
  }
  .do wn load-fire fox-prim ar y- ct a{
     backgro un d-i ma ge:  url( ' /media /img/ home /2 01 8 /br owser.p n g' ) ,  url (' /m edia /im g/ home/ 2018 / bg- primary .svg');
     b ac kg round-s ize: 400px 27 8p x, auto;
     back g r ound-pos ition: calc(50vw + 34
 _ _position: relative;
  _ text-align:_center;
_ __z-index: 2; //_so it hides_the sticky CTA
}

.c-primary-cta-wrapper {
_  _position:_relative;
    padding-top: $layout-sm;

    p {
   __ __margin-bottom:_0;
    }
}

.c-primary-cta-logo_{
    margin:_0 auto_$spacing-lg auto;
}

.c-primary-cta-title {
    @include text-title-lg;
__  margin-bottom:_0;
}

h3,
h4 {
    &.c-primary-cta-title-sub {
  _     @include_font-base;
  ___   @include_text-title-sm;
     _  max-width: 430px;
  _     margin: 0_auto;
    }
}

.c-primary-cta-desc {
_   @include text-body-lg;
}

.c-primary-cta-button_{
 _  margin-top: $layout-sm;
}

.mzp-c-button-download-container {
_  _margin-bottom: 0;
}

@media_#{$mq-md} {
 _ .c-primary-cta-wrapper {
   _  _ padding-bottom: $layout-sm;
   _}

_  .c-primary-cta-logo_{
__ _  __margin-bottom: $spacing-xl;
__  }
}

@media #{$mq-lg} {
 __.c-primary-cta {
     _  @include bidi(((text-align,_left,_right),));
   _    position:_relative;

     _ .c-primary-cta-wrapper_{
 _          @include_border-box;
     _   _ _max-width:_50%;
  __ _  }

    _ _.c-primary-cta-title-sub {
    _   __  margin: 0;
  _     }
_   }

 __.download-firefox-primary-cta_{
    _   background-image: url('/media/img/home/2018/browser.png'), url('/media/img/home/2018/bg-primary.svg');
_  _    background-size: 400px 278px,_auto;
_     __background-position: calc(50vw + 34