From 6585ba90f41d969388078798e79f50f49d1a9808 Mon Sep 17 00:00:00 2001
From: WellingtonWDS <wellingtonuserr@gmail.com>
Date: Fri, 7 Oct 2022 14:57:49 -0300
Subject: [PATCH] Adiciona os cards de baixo desktop e mobile

---
 assets/images/bottom-card-image01.png | Bin 0 -> 1214 bytes
 assets/images/bottom-card-image02.png | Bin 0 -> 1295 bytes
 assets/images/bottom-card-image03.png | Bin 0 -> 2759 bytes
 assets/images/bottom-card-image04.png | Bin 0 -> 1574 bytes
 index.html                            |  47 ++++++++++++-
 styles/style.css                      |  95 +++++++++++++++++++++-----
 6 files changed, 122 insertions(+), 20 deletions(-)
 create mode 100644 assets/images/bottom-card-image01.png
 create mode 100644 assets/images/bottom-card-image02.png
 create mode 100644 assets/images/bottom-card-image03.png
 create mode 100644 assets/images/bottom-card-image04.png

diff --git a/assets/images/bottom-card-image01.png b/assets/images/bottom-card-image01.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8768e0bff622dce758f62dbda56d35fa74c80fc
GIT binary patch
literal 1214
zcmV;v1VQ_WP)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1XD>wK~#7F?VaCh
z6G0Tlzg0m&)C!7<LKnRfyr_8LzYDid(Dn&T-k?4~+b6Jng2X3i`vl!yNb6N|Aqavb
z6-B{|Rz*dyUC-$>G~JeFHrY*PcfTK;q}j}t&3rp&&YYc{1qdO85JCtcgb+dqA%qY@
zNRjc-8-dt_*a%3PtcrzVE%b;lwjvhMGPRj@g`b8!K8!eHAXyXazpp0P2Q}pDEG&Wr
zwtbK<){Jcn#a@A=MS!FIdL5Qb;;^z!kSsV-&!;SRjQ2YsNES3=pM6__$dI5wjzfWR
zMg?Z9vxR(wp?R?lm|=>Klktz)caIS;Lof(y!bEC`1=<+G!Ist3JB`^2q<v5YOy3L=
z^;R!!3!f2t9^2LutD=vLDmjD-qHb-bV_N{zC>l2ZARZ8~HD$vJ4%c(#m@+<&adGi$
zI$I!Fu!$bvILL7*kmFDw$Du%ua|Zpg9%*#qqipP83Qs+&Fu5Q47s!O=<(u7edT%U~
zxj_B7xV5N)@=m>)zyRo7ptZ<{cW886HUhkfGXMR(38XE@+e@(eC^Hder4O#{ovay=
zOrZ5>QEW@Zse!Xf+vv&Kl-9I?*HP+evZO7joB@Fik<`tp^y`M>AjiqIKqF}k5*#OY
z0{Lg<;{I((xj!)094od^xe-W3n7Jv}=I=?beDy#S6>Rz%3QI1|y~)dRjd;|EaU7#(
zQCOT8NQIfcj?&`1iz~A@it_@6KM($H{RQT~qEt99Q1t__Afn8D2JXKFmffB);Ui_7
z?}N0}O!qY1!g+j~Ld+yMPU<bFJ&+78o?LGBlW|+aX60`8W1as3y!eQrka`QMT<QLU
zmDyXv&j9H7%H~+7Z%CH-JcdH*0&VZ0kc=c*upmWJ7pVRXSn3jKZT}OOv1#6ii5}-d
zm#|%raZcQE_ya>Bbtj`OXzD$3gGPuhM~S(}#RV4*@^GW)j()G-Y2T;l3DWp&!t)~F
zyg*v<wL2%5(T={evsZUC{tkt}`Eig<l$FLlu9B-<oGp!CC=AZKIE@O`WhH49O9i^a
zDHlP4cK9k(8DTEYaVU`EP$0*lK#oI!94DDTyI7FdC6G9w*n-qg>Nj*H3$vei^YS{s
ze{awtxah^U)I${yy|hl+_~iTT-dx;cuZ2Gt#{g~tbejIexdbyWp>2WKVysL<SN)A*
z8?~@q0)8zD<RDj2PU?8%RTGszx-L>Ts{I8CkG&Au%*)6wmXR&$o$CFkdUi1<t*CrA
zb$OY(_fTxA{UN^K+$cyE)X{yRKkY6mojaA_7AR+#6PxW;hyzu}p+Js9fgDE#YQ?tQ
z2g!nGvCmdfpau#05Fx)~n=Vo@frJkiA}68)R6n-OI!q7X&YIF?u^KGV8OJS{hYbcG
zgP;Yo?6p+}radJ*1VtJIAxws#WxGTC5otb*NY6mh<U7oDv=D?4LI@#*5JCtcgb+dq
cA%t}BA7z3IG|XFt+5i9m07*qoM6N<$f=O&B<p2Nx

literal 0
HcmV?d00001

diff --git a/assets/images/bottom-card-image02.png b/assets/images/bottom-card-image02.png
new file mode 100644
index 0000000000000000000000000000000000000000..664ff1849f42b8baf9f5c588f0aa8b04dc2f6078
GIT binary patch
literal 1295
zcmV+q1@QWbP)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1f)qsK~#7F?VaCs
z+cp%&KlSvz-k>)VBz<b%%1#h_0=W~!oxth@u_v%QLE8zcz9f%MCJ-}0k_i-EQ#>Id
zn1Vt;xFo;dIrmr+{}{waT!6p@2oORDA%qY@2qA`81nhHG*=1$FR`vp9D4%xrS7qzU
zN(|stWgjcs(vsMwvMYQe*Fcs;&(W@NB-cRJ1kcgDCCOI@3F@NPMt$ZjBKS=5n7@~m
zEuG&rkDu-S_Hu`=vRVhRaS$KPQ@4I!g&g>RfTCv*Y1tXZ!3y2H-h>?F`bL3$USmJq
zuVEj(k=%60J-`6IG&lAm?9-dy-#OpM;u=EvjFIy_#*emoE>J%jv~RFm1hk08hG2Xy
zZtNW8;)pRQka0rlAiBAXuml;00vU$_87HI;dIpk`-u|}`fl82U(8U>t0vU$_8HWNH
zCs%K__BzY%ul6{<0|`Qqwl`Z)k94|Y@!Hh9#ymMHzXj<8@&!q_w!t`t*kfWsAVGM9
z>I3FQZ+@Su4!XnsaC#G?EY9y*(pCrzLF(nr_8g0hA!Cc``hHp5U;u95qF}%4Atb=Q
z5AmE+hoe{cD$w8P#@>~P(Z%$3dtaq~iF}lmK!>iwEj69|K1DOzy@N~Cv38$Y-!Ghf
z1k(#(`6hA*wD#;%V!zMt2asrWklyX*Pi%Ycd>7QQ$-Z;6(ewGjrnKb!gP9OZAZ-Mk
z2ku+!>=1pG>mLWUPlgySuCMf@;uU5>EP+TOQauOVw?4nXeiM4_IYvuiTWqaonwFj*
z%q>oiR093p`n*C{ptZBTp+Hw4ZHj+rZ7VQCPSKN)Gd_Baym5WeuU&9_U)-T%3TNBp
z6X*F4-A>cKb8IjjviHTUQM<I4mAyx|erluptWYQN7Q~AnehG>}fti*d4tX1g0vU$_
z8HWNHX9{yvpXSZ>s=5VVA{RQM`t#xf1DLiz^>BBATx^HOwbR8JhXNUg0vU$_8HWNH
zhXNTVhCrp~w*ql_9`HXWNv!9fHM*i`l+T~2r<DvHv|3_64EQ}}LM(w)jH2~jP>Ym`
zu#l_mV_ZXtTr6yis5aaqZ1%!XTVYz9bo$8+(g~x}SH`k_>M``@cZ%5!1?sp1t=MD4
z%&D9B7j+3OF+F-`H@FCfl^}9F9P%DB6v#Lf$T$?pI26b@6ler2Ve>6pr+oLq9qe8I
z2D?|-Yz!u@u>$ES0BnugM|E)my9m;gZ=s9BJody`y?dHsE=b22Y<rOHV)voV(3M4o
zP@tYC)TTt7aU~z_v`ghT_@`)|0)c1dhO1g`bXk~OckCVVBJk*8O`u$E=K=X=tP4gU
zkfIrta%`z>`iQZDjpYOc#_J##%`|Og3DThT+8TCV1SJTlgSaq7J_L>)`W)omJzQlf
zAA5@)sz9al<DmI0WDvf!^}H`zrJFlFg8kO(O|!w*<P?xop#{Qy1GJhnEjCrkUE-@m
z9ZB;)_y&|zs7ur6Ck-cay_PQKan%UaC@3HnC@cF3P6JM0yyI{tcCetV3?y=n=IzmV
zs@FhJ_be}W2e4I_4(+Medj1|0e6=+pgb+dqA%u{L@dezjpDH*PTpR!Z002ovPDHLk
FV1o3PR8;@~

literal 0
HcmV?d00001

diff --git a/assets/images/bottom-card-image03.png b/assets/images/bottom-card-image03.png
new file mode 100644
index 0000000000000000000000000000000000000000..87b8303072995dd7fe57f32f3337ad9128e065b7
GIT binary patch
literal 2759
zcmV;&3OMzNP)<h;3K|Lk000e1NJLTq003wJ003zS1^@s6)<9+i00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH3S3D<K~#7F?VaCl
z-AEnBzfLO<AZU;l0b0aP#1#^#Ss}p|F4lR1O`jm{6C`<p<32&#Cpf21(CiZ&_X2g7
z3(~zp0*Oo{kdQ!1ShS#`-FoMDe4O}<=dbN^>`DBQritybYx_ID-~47gGXX|MMn*<P
z`XRyyu`SZ>GTmSP++H4I%b#4N%Vl~k()sddhLN>E0!&1ji<GxW7b3k7DZ#a<BQ1#0
zUKEp9Q(Rl!hzBv&CyXj}BGhfDgBXgJ6<hLA-I9s)8H)O*Ox5cUyUXA2J6w}UMS6@8
zC5I^7j>#pZaC^}zsLt6JX$G@3ondr)E6|Ihid*->=4dX84u&F7I5Yge6O1fgl<p;+
zqI+Rf92xH6R*S@-e=$ecEDU<rH^nW4K`jpL+eLpIVH8O#4!N`;G#;sdsP6BH?ZlfB
zX3tTtTb`pRy_az1Rn8XI*%Bdiz7YM|@*;7aT%>5xz4H>^5Fz>dk^8laLNrG`nmZQh
zsqUnkAP`l$skDz?;`?ynG~dSmMD(?VkKi9boCwjL;X#x+=4Vh_HQnoL)d`^s#89}7
zDjdZF+e`PS`9!>6va+^rkmIeegx^Ld4tdEcPiyCE?s*GgGnclxNPDn}^ZR^Ph;u5$
zNzqLm#l)L@flu=3!XnL(r5xAJ*F>2i3q-vHOxj0XD%^P1C;1`n2x0TJM0N?@2<s^7
zG80ti$kwKMo?r!HsF%3eGU*|gR=k{bMs`e89P@>hnt6m(OD{ivtPrX|)c?h#edZ3y
zqP|J785r&gk<6Av;yjb~C6JygRDlkq?HNq2?bCd}i8%3hMQieB;;sDv{^Y_U$db%;
zQi}S0uXu(Kqqqe1R`?Ed0#PZBl<f~A?3*GytT?Ghe-)+RpJ>7fK8PL~j*}qO1}j<C
z&hlrF7W9#{J%h=5qJ>{)@L>C{s0`j+-ACJvEQ#Flt2{OwpP^nC?Ux&&SrFa)g|v^t
z>P(rtu%0t`aQGt;MZBj!&ffqJ{~}`LFW>_gR<vU{PJv6+ZD%N+D>w^^rELz=sG7*H
zYk%?+vp58~zWL8ZYx6tsfr-MB7>>&!_tmJP&;`o0Ig1D?fg|+d(|6tSZr>5b{fF=)
z!hzvvhPs<u)PSK0bYI&3SerAy_Tw%j@0gEYeu=ik_+xIe&rI45QlMDc=GvTFwP3=?
zhxb;uU;lS?`$W`ykN;i>m3?0P?#=&UisoKQ+l#_@7vaDZ`(7LJ$MC?#Lejq#sRj29
z$GEf|oCPsyTQANZtlca%&flzV?|vKWAT}J6pC`B=L2i-jd#u0oAL4X!VLnc6qwV(o
zhWX|VS)hMwb4LE1p|*Nu|NG)2&M)c>Sa0-QKU}pl<j)Nk=oqSBOd>5panV*f{bdVl
z%5l#pd*~nRI)_Bs5w*c{L%$o<Pfvb|W<&<dR}iv53~PeAbI9eHpnkddd+<j;&_wC_
zLK28e+f1ADjxqdh#LLeM;i??G17A${#iZ@vdb7E-tq%mguzdE`V5(QnggD3NtNXk|
z@wYfP9F?Dk(?6jLr0zP|i^{1a&QM3`#jlEQK)R05%dgOmE#p1OZMXB{l(3Lp#GW>1
zUh6v1Qtc?E-zl6v{Bb?c6R9|O3-*;!pbw?(#j}Pcko?m1JqCAbUHD$e?u!BfdEfJY
z!3U1tMW#APewK{>3EhJ99iqREoM&KD<?q}1Nu8-)pTKkDpq3b#uB^}mlC6Tl)W4Ox
zPd&6XQmar1{_xN6f#X3mGaQ${6=eu?OoFQN*MIjZ#!P2$q->-<`$s*bCP)|>JhJyE
z^>Hosf)Y#H&&yvz9My9K!zh><#kd6TX(&|Z(5LN^7NdGHd=Tv!jwdjTQVOvrVTStW
z;UjJC2N6euS=ObsWdA8#Uqf-Yu%1VjJo31S87fVR5G{yEvHD<UD<WRysqY|?mRyRk
zde0KMC9sU~3$-uqDICT%ukavBeS(IT&_u6C7I7FX)<c9UkZN2rxw+VQ)@DTF3(NV9
zb*_+ZcE$=J_hyq7acQ4@`4tlB?PBl-NB3l+0NC6bkw85=gUcC1t%FKp)F*LeFm(Zy
z6yxSn%Xl?cX#VQ4rL9xKP@e|LQQR|^Glwn^ArG4+W`H$%D!3Mk`ob9e$b>b1jBknm
z&uv06gL)#dcKGs55Qs`5J+$1HmBKf?E(W>BOR=s-cP=3TIH(KeEj|-@PL?6OD-3FJ
z9s?Vjx6~U9>U9W)vRDLz`u=9PMNny1t!zavhM_<9HTN}?MK(5yNu&gug<k#>=ofXm
zb>fsT=oeJ7hvD6@Z@7mU#<fkaLfIUf6)J{#+0CaISs{gaB}96e3EGJjqv*1+t?amu
z2Hb=&+Xe%iCJ~okV9%Gob6l^J4XD>FrI&7VS2GkVi@3CtZZ!$a%T;!rs8GZh@g~7~
zg&KwFh!}<Y=|U_LCB+(|v)fPyxv-1Xzumx~uCvNIiRvh-t1{Fl0FP`Kh9283qXqRt
zjABe5Lm@s{B&~Qq!$_~hFxPo>EWt=GOyC}LSXToc=@th6$Z#Q2sC7_`em@})Wki=b
z<R#a|q<tB#S4yGi@j!9jPIZH|Oq*hg^))h^B-<Z#nkddWQsiT(_vbA-R}WzB=yOeH
zSZ@ou{Is19G|}_R9imK;ZwfuB;+maydz@lDFl@FTtxc+mB;WHH%-)8{*Sm{u-4jE7
z7?cVQmnD=7$Unb;dXlYe{Mov>TGy?@6h-~gY}sf9eU&s9ArCOjaRwzMP71XfQ|+@6
zOXn;W>yR(x14DCx&MenHgkIR8eKMxX-1e-@;X1Ogi$Xj^fhL-BW*8>rTB^EdO&qSl
zP_MI+uGfpBdf`}ejQsVX;)YZ(#l9gA@GA#3?kbMW;8w7xP%>#>M*nnaK_;t+(cIdO
zFns1{?%GuDJS`6nS)dDq@pY1+ookcb<H~y+sz9!#ZwO3KzyGP@xpT$2tUTD~nx*8o
z9~zEv4F5}IIkQi8!5nS__vzeN+PBhH>RX@;n}vLRqw#49NE`-r$nVl1WvB-|T(Pe=
z7k7ruqH;s)NK?3R27_y>avKDiU^C*-GqHyEqm5K=x<Cimj5w4Mhx=iQ^X9tDAuVj)
z1QKVa*iVh=t~**?I&aHQCRI2r(=~6Z1?@sz%KL2es^$wNrW5+MpxAPpqxp3CiDDl`
zSA9(ZNzmjEBceYG>ax;RkxJJ}(H{){AMdUhvOsM_B7Z+yp5J$0-W1IOiUmU#sI4XS
zO@jLKIJ?=d>!5AuOU8SOeHrxEsdn8n6w!}zHI4zpP_GL)Jl$=V7UXLcCgzHBLYp0}
zdIknhhAI#Vp_&LBib%$9Jg!9W7o{s^u&<|6io_J>KCa}k3C3W@mgk<s|5LpedBhKg
zG*Z-sbqJI><e{k+R8ew=ybNxWfQJr=!_j~)MwM3G&pKcTXW*hLrD(xXM>o-UEdWOt
z!W3za7DUnuXamRkA-_Id{w!w~m~hF%VdvZ-57+F=FfuYSGBOe%UjtwDoqTVEuDAdI
N002ovPDHLkV1f@@L&pFB

literal 0
HcmV?d00001

diff --git a/assets/images/bottom-card-image04.png b/assets/images/bottom-card-image04.png
new file mode 100644
index 0000000000000000000000000000000000000000..922f659f05eaaf57dac08a739d3d6f78d9643dfb
GIT binary patch
literal 1574
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
Y2fAn4kBYRtkpKVy07*qoM6N<$g5j+A>i_@%

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 9f50089..1b26ad6 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,7 @@
                     consectetur adipiscing elit. 
                     Cras euismod enim non dui fringilla interdum. </p>
             </div>
-
+            
             <div  class="top-card">
                 <img class="top-card-image" src="./assets/images/top-card-image03.png" alt="Imagem do Primeiro Card do Topo">
                 <p class="top-card-description">Lorem ipsum dolor sit amet, 
@@ -67,7 +67,50 @@
             <img class="middle-banner-desktop" src="./assets/images/middle-banner-desktop.png" alt="Banner do Meio Desktop" />
             <img class="middle-banner-mobile" src="./assets/images/middle-banner-mobile.png" alt="Banner do Meio Desktop" />
         </section>
-    </main>
+
+        <section class="bottom-cards">
+            <div class="bottom-cards-wrapper">
+                <div class="bottom-card">
+                    <img class="bottom-card-image" src="./assets/images/bottom-card-image01.png" alt="Imagem do Primeiro Card de baixo"/>
+        
+                    <p class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Cras euismod enim non dui fringilla interdum. 
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Cras euismod enim non dui fringilla interdum. 
+                    </p>
+                </div>
     
+                <div class="bottom-card">
+                    <img class="bottom-card-image" src="./assets/images/bottom-card-image02.png" alt="Imagem do Segundo Card de baixo"/>
+        
+                    <p class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Cras euismod enim non dui fringilla interdum. 
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Cras euismod enim non dui fringilla interdum. 
+                    </p>
+                </div>
+    
+                <div class="bottom-card">
+                    <img class="bottom-card-image" src="./assets/images/bottom-card-image03.png" alt="Imagem do Terceiro Card de baixo"/>
+        
+                    <p class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Cras euismod enim non dui fringilla interdum. 
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Cras euismod enim non dui fringilla interdum. 
+                    </p>
+                </div>
+    
+                <div class="bottom-card">
+                    <img class="bottom-card-image" src="./assets/images/bottom-card-image04.png" alt="Imagem do Quarto Card de baixo"/>
+        
+                    <p class="bottom-card-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Cras euismod enim non dui fringilla interdum. 
+                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+                        Cras euismod enim non dui fringilla interdum. 
+                    </p>
+                </div>
+            </div>
+        </section>
+    </main>
 </body>
 </html>
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
index 0b45ac8..83b643c 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -89,18 +89,81 @@ body{
     text-align: center;
 }
 
+.bottom-cards-wrapper{
+    display: grid;
+    grid-template-columns: repeat(2, max-content);
+    gap: 20px;
+    justify-content: center;
+    position: relative;
+    top: -60px
+}
+
+.bottom-cards{
+    margin-top: 140px;
+    background: linear-gradient(180deg, #00C8FF 0%, #15ACD6 100%);
+}
+
+.bottom-card{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 36px 32px 66px;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
+}
+
+.bottom-card-image{
+    display: block;
+    margin-bottom: 14px;
+}
+
+.bottom-card-description{
+    max-width: 368px;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+}
+
 @media screen and (max-width: 414px){
     .main-banner-desktop, .middle-banner-desktop{
         display: none;
     }
 }
 
+@media screen and (min-width: 415px){
+    .main-banner-mobile, .middle-banner-mobile{
+        display: none;
+    }
+}
+
+@media screen and (max-width: 415px){
+    .main-banner-mobile, .middle-banner-mobile{
+        max-width: 415px;
+        width: 100%;
+    }
+}
+
 @media screen and (max-width: 768px){
     .top-cards{
         grid-template-columns: 1fr;
         padding: 36px 26px;
         gap: 16px;
     }
+
+    .bottom-cards-wrapper{
+        grid-template-columns: 1fr;
+        gap: 16px;
+    }
+
+    .bottom-cards{
+        margin-top: 114px;
+        padding: 0 16px;
+    }
+
+    .bottom-card-description{
+        font-size: 14px;
+    }
 }
 
 @media screen and (max-width: 992px){
@@ -129,6 +192,20 @@ body{
     }
 }
 
+@media screen and (min-width: 769px) and (max-width: 1200px) {
+    .top-cards{
+        grid-template-columns: repeat(2, max-content);
+    }
+
+    
+}
+
+@media screen and (min-width: 769px) and (max-width: 992px) {
+    .bottom-card-description{
+        max-width: 280px;
+    }
+}
+
 @media screen and (min-width: 993px) and (max-width: 1280px) {
     .top-infocard-text{
         max-width: 520px;
@@ -136,21 +213,3 @@ body{
     }
 }
 
-@media screen and (min-width: 769px) and (max-width: 1200px) {
-    .top-cards{
-        grid-template-columns: repeat(2, max-content);
-    }
-}
-
-@media screen and (min-width: 415px){
-    .main-banner-mobile, .middle-banner-mobile{
-        display: none;
-    }
-}
-
-@media screen and (max-width: 415px){
-    .main-banner-mobile{
-        max-width: 415px;
-        width: 100%;
-    }
-}
\ No newline at end of file