From 99191a115e889a5e1bdd99066feddde854eb901e Mon Sep 17 00:00:00 2001 From: MarcelloMartins Date: Fri, 13 Jan 2023 15:17:10 -0300 Subject: [PATCH] feat(footer): created footer and add scss responsivness --- src/assets/img/Amex.png | Bin 0 -> 3545 bytes src/assets/img/Boleto.png | Bin 0 -> 1609 bytes src/assets/img/Elo.png | Bin 0 -> 1834 bytes src/assets/img/Hiper.png | Bin 0 -> 1834 bytes src/assets/img/Master.png | Bin 0 -> 1532 bytes src/assets/img/Paypal.png | Bin 0 -> 1989 bytes src/assets/img/Visa.png | Bin 0 -> 2214 bytes src/assets/img/Vtexpci.png | Bin 0 -> 3704 bytes src/assets/svg/Facebooklogo.svg | 11 ++ src/assets/svg/Instagramlogo.svg | 13 ++ src/assets/svg/Linkedinlogo.svg | 13 ++ src/assets/svg/M3logo.svg | 4 + src/assets/svg/Twitterlogo.svg | 4 + src/assets/svg/Vtexlogo.svg | 7 + src/assets/svg/Youtubelogo.svg | 4 + src/components/Footer/index.tsx | 86 +++++++++++- src/components/Footer/styles.module.scss | 165 ++++++++++++++++++++++- 17 files changed, 298 insertions(+), 9 deletions(-) create mode 100644 src/assets/img/Amex.png create mode 100644 src/assets/img/Boleto.png create mode 100644 src/assets/img/Elo.png create mode 100644 src/assets/img/Hiper.png create mode 100644 src/assets/img/Master.png create mode 100644 src/assets/img/Paypal.png create mode 100644 src/assets/img/Visa.png create mode 100644 src/assets/img/Vtexpci.png create mode 100644 src/assets/svg/Facebooklogo.svg create mode 100644 src/assets/svg/Instagramlogo.svg create mode 100644 src/assets/svg/Linkedinlogo.svg create mode 100644 src/assets/svg/M3logo.svg create mode 100644 src/assets/svg/Twitterlogo.svg create mode 100644 src/assets/svg/Vtexlogo.svg create mode 100644 src/assets/svg/Youtubelogo.svg diff --git a/src/assets/img/Amex.png b/src/assets/img/Amex.png new file mode 100644 index 0000000000000000000000000000000000000000..5ef0aa0ef9bba50a884abf79ceb2fd29db7f58c1 GIT binary patch literal 3545 zcmV;~4JPu5P)(y;(CenM{&NCJ9SI2m}#ib43&vv}_iY77(>I>giEiYpr#!ReRdnT8rx`T6d4T zR;#F0j|(EmR(1g)1lh?tnaRu~ndQBC{oOm6Ergs1`j6(zxo0NtF7Mvo{l4F~BnrAj z*Y!evIN22Za3#*xs3=NA{33xMFt_mIMm9Ho*x=}F2iWc;K+h-y<_!MwDVqWPl9X1q z;{_n|(GN^_5fpQ>0L6-a=}B_>HKrHo2d5Y52d5Y52d5V?_4JVL9gFwJ;EScPvzc_{ zTY!VU7<5fd1w(~)1J0^+ptVE8;$7`HnlMS>RJTpRpgc1+G(@xdPA#_}6w$GxHHOZZ zc!w^3qT#R%PK1~Z3dRg@VD0`;*4&XE8|qrZh{g5PvjUqDGe`9v*7XR^o`8zm*TlJ4 zJT+P6xiijN>KN*_ zp}9SZKsYX+iTRT%on7Fd@8F2-JpPp?H}&+HMtE!ngkn0b{7l8(b^|I4Ex3PL32#qF ztv7<3Kl0<*^#Lr}-ieV#Mm#pl!1Ab6;(Q#;x9ajuXd~s8FDGGlT{6uUbTV}nrzZ|#cV+$uXNTmek2vZ64@glE=! zanISVtiug(n(@iyWk~YNE?*S$c}O8eG}{NJC2YTd-v!^?z1R;WgD1urMd(rqbA?g7>wbO&-dZaGlt^4k%joC&LRt(3-MumcfTa%~O@k*VJ8RaJY;zSoFl$o)UJg|Wq)w^vX z6jAZ~`k*9GA-+y6b$AEgQ;~0wbA-0jis7&z>mX`^M`1IjpG~i}!D2Mvm?8@vomq^5 zd5NR^ZgL5pTNg}?dvawXYECM{-P4C)dt)b#2pr+QU#L~#Fe#W-X{NW((Ms)b(p-IX zox-%v9%#nvU#Cr`E&!}()Nm2a$v^|W{o~d|MWmYq$z$*B=uCm5$d)+ho;D4$Uulw0 zgm-%RCvMb?&&SJO)~DvzdTHvkkBe!-yZkD=opH=R&WTon9E$32lH&q=#{qiTDOFCq zv%L!huIKGgQS;(Mi=3mh^Xg0!&Yge$<2a+jO0Sdc9omH^)plZR zsRd@Ej+J!VGss!*@1zIvm{DLiVJXRNT&aou3RWLb<-Eap28=AWNDn3m{R3*_B(8tm z$u8XUxev>BcjB}Pvm{{?=k4^x(clXp==V!4npp0VVaD>k0gUk2vH04t=!J)Bb<@XNzGB9^th^$`cw|1eG-O@zU1rD{;DCUB20HvArdn_+|d#xi5{v+!dZLBO(M72 z)*K~y>)rb4((^3Hr@PNWkXQ_EjdqjWY9(NK&0qor4jD zmP6KfXmt?u-gNtR982;xbmaiM7=u0bzYu{}F>ibcW4H8PKiclaS3Sf)M-7hLxT@mT zaSmqjK!=ubTl`u?QXE&L<8N!7$e|0q;{-G2j(0P$4CA!&9L6CUiI--`LwM+=nnF=r z^>#CUG|YjshuURsmlP3VG=^fB{B#4|wVePtP#;V?331$oYXbP^3^&Fz?}}ttl*s4a z*xG@A&-I{)jzTOeVmtA($J_DUfuraNGW>9#h6gsMZHA!;t{-h=jAY@hD~NU4F>gX1 zbEGz`IS?f{HYTk>ys$AOPj=Z@CW@yOVCG1toG*Ci>UWyRTe{SM-=FTHtG3BpD=D*H zY>;tJ>OhQ|tLVKpl9z7z*e{)h=#9|758%8~^4e=#0(gqaax@Z= z7P(T=i}+a!Isc^w8Bq((d2o6mZl3JMt6L7FUQzRAbB0;*-br2u7_i>Ayes)+*B@CW zxO8lu3^c#k8<9=S5Z>>dOG;7AGOF9{!MX$O-win8uqSzpxaZ`|x-&~3OsTebHC(@3 zgK$vKPcdV`)Iye36Ppj~iRxcD1J)vfS6X7k(tTQLO&>j2KKFZ&k@4DtF`P8W&O(|Y zd2UtrCGYI0lo6ni1zq4H)XobmuxYw#0GUYE2f-{M3NkR;u_FNqX8bE^OnRh&2bL zZU+|4Erg4lBlu$K3ysW+qAXp=NCzhlvayKP!PG&+*5*Xv{a{eTSIse24GdZD6Ti6` zD2iZFh(_c-+S!3e>BWSJ=ac`$K81*?;!B%Dcw}V&Rm>>`Pi2ZsANW~=Ba}-&jxd`~ z1Xza?QNVig3^P94+lfbO%~@jw{S0E==*_82Lg|v~S|gbDd;^2PL^V+KUoest#vSdf zTc_uwXs4UVzRc%ccV$70KjvQ+SK~#7F?V5Q| zRaG3vzYiYou?`@i2*{QKN{SR>V^f)q;gZCt;4)^Ire#^FA(9KON#;`GxP+sV`;wMA zpu|iuCb$8D=8{MzBLXuio4^C!d$-^DJ$b3=?ag@qyq}rFIrp63``vTD_iX&$(}0j9 zDS@)#P!UL!c4#!3JPipGMi-@&^ib)bno=)2`ZEctFpuLyDOQN%3za9Kw}Z-4QN@u# z6-Ne}#7SSV3@LLyLvwR8)~-rNzsLx@((gs&=A1zM@K~;o=n;&F&=908_yRX?{)qw6 zQT*A7;}SXlCHH3(7ZxHlc{a-axW;u+FN9;-8(mUweD+~pvPGQf^@3CTO8l}aUJaGcz zh7N(*Y{uxg;oR?8GiSh7w6++TOePrHjStF3w6?a2vk{;Hnp>K=zJ)qXX9Kcpr)mvf z3tA19+$@>7lfsWlviLQ$7+^3MU^KRoKQm0!X0U$FVD)R3OzhWk1krG2G#b&?-o`ef zt%ds`p`Cn)dzh)reQj%Hn|7n6-|g(jHq>b)gDQ>;syH&J;>e(iBZDfA45~OXsN%?= ziX($6jtr_eGN|Inpo$}dDvk__i6g=hB8(xy5|7}J#)EoG1s-X)wu$I66AP zqf;jY1qE{5?gKx--Q69|&MxTU;{#_G7aaWQ7`KUf!G_J5=-xdP$*Bv_xr-0SmiqLG zguj0`==D0bS&+62_wP5Ndyi0rhxf#WZ`VNy6cIhZvJ#CA4d@*i$!(!w z;i#*t!^yln=t;y^2fhIZ2OWwsKE#)HOCqxoHYwz7f zA*Bw2f`j4poHxpE+(2nbF?@af;pXNBh@=pTh|@+9w(+Cm;Yp)HMCj`4>ybQfK4#4P z1jR*#m^gL}w>8u^@BnPVROijVCw?-oWTrtiRm%`K26WcPsll7IpdJRgimT_9WZaqz#C0ve`somX%cIlrF7+0zBcI(h_3p~%Q#Xe1muxF6o$ow0xKZX}MM!13X$mw)F6 z61dQsGA3~>_Uzh$DbuGv)m6^%E5tY)sRZnUVHWnER>xec?) z6437z(ff%ujZODy>N!}apFpgAMq04#?Ub1i3W_6PdHO1Z(Qa|3pa2sRM`7lyIlRVP zzI2h_zIgMe3-Zy`&lhq#Zqk(Z5f?v7_I3f?0?^}feszmPg}er zUkn{Fl3nGW`i*w2IxdSXK6coDe;pI`QZynXqcDB)yO{O)T;%5FpuD^sqsAm)>z2(> z0-MCqYVGOaET;Ba2i`4oIz0_vdoBxlgoe>tkOM9SEaiUgn*rq_~)qpf`=U4sinMeB|Zr&1G?H*tB&U7R^t^ zvc-#NNAp1D_8st}^G`=#MIS{HI8r}FU+wK}9}nX9Iol~ug39A0ssCHapo$}dD$di9 zggDhuc@lpMaek!K43&quMd^~*dBs*6Pubg0>0mt_6)yY(x;0fK_vfAO00000NkvXX Hu0mjf=hg}3 literal 0 HcmV?d00001 diff --git a/src/assets/img/Elo.png b/src/assets/img/Elo.png new file mode 100644 index 0000000000000000000000000000000000000000..e0feb2c0b16fec4243107839b0aa8b2f1267c041 GIT binary patch literal 1834 zcmV+_2i5qAP)>j$qdG_Vv?D)BpGWc%QP6u zREE)F%p^pLN_y)pHNEexZnO89mAXC5s@doIr%!9&bK2*$PksCSetZ9Z`v^d2X=yPb z2MzSmN~J&`s1y)kJ|N#Dk*0+{S}7)Nf{=VTqfeNQ3?^-^n0y%H9Y8D=#l^))di)p< z?ms|nO$`L}fg9T&rX(IWKg-yiCP#+)C>Q3jr=tf)XxU?6_}DFOTvwnG0d~JL3UOa)B*3}91RG-x-~MC6c>X9dAYe* zy4VpB7cPKrc#S#xzVyfWbLY6&!IHY#TKMhsfn2V@D(BVU3*Ic}r$a)(H`F5i_v}SkSsD0%xj0It5?-F0QCV3Dbx>SXghK}of)ALB zb1f1kCt06d-@bTMXVvl@)av!JKwHX;!t9ue??VQ6C$TGAN>CC;jpl<%kbLUD5DEpbv8jWBelrQYVmwLKBsrN79Us%EXvB@!>sYevGq8f0I8=c9 z@%K9Q3&@wZ&ki`tWYE%TOa2QB3b=L9?YOw^21JWaKQz|XVEfi`3^S2)-PLs(_&!(< zp{E8wBvQ4q#Kc6V;xKb7Y6aOj*(!ZhFuy&!;pXnno!|WJ210^Qa;|4=VuGW`0%2ik z+2we3Q|2LmTPOqr4G<7$h!dv<;g5U$&`;6`U+-5~?$p_Z5)u-?5@zCLXJ(PIL#;|5 zbtPxn8Z2!BZm(|w#u1g zS_ll1!o}4HK6?g{`+*%>DxjsU>RUwxgHSGk62^@m4;h(} z<}X~pxfm^9BoJ2=iB*3Mh3Nz|X=p?DWdac+IU04UM>?fx&w?dp;Z=O`XcQS4v6>!hSr9$SYUS+}sSk0RvQiPAU1fZXU4TO@6!!~2<3^Q?bbac3xs{K@)o0G#GXU~~U{;N%hii|{Pa0pUUpS^V~ zaajQ;O2cSNv}lrX74>ZwN&oe68mL#cz%#cAxeaa46NyD&3A30pYSbu5rBao?n3xzm zPfy2pLC0ZdV+-FMJMolQ%`j6_SlimZ5t1(AC{nT*G&C}Turv?aWqD9Y2BKk#Ehk75 zxm79_V3)B7dIBY9Ik|GxSY>MZK3Kxea!94lXz*ZES69F3t0MW8qx~YzYQ7B$B6Z;_>V7%LJ7cNFba8*JYf5wa*gQ%EjxX9K*8NMH{=et2C@j6@vi7`t;s@~!j z=o8~;Bo4K&P{{@6_DnQ01522$kgaX3JN40+Lakw}l96l0&h4%K~6JEukvxt|sH$u;xVfMBJ zErUdolBg}2y7@*ed*w4`%|z_)H{rB$CAS*x4gK}>u-R)Xeu;`C>BmT@1GT+n(Mnlq zDK1^Sgs7`mxuo=MI~DZWhZYuaps%1fIB@xx8j-18oc84B<#8p`8rN? Y02*#~`Jul7t^fc407*qoM6N<$g26LarvLx| literal 0 HcmV?d00001 diff --git a/src/assets/img/Hiper.png b/src/assets/img/Hiper.png new file mode 100644 index 0000000000000000000000000000000000000000..c8f24e678e783b18a360a8d3134680ba05e80730 GIT binary patch literal 1834 zcmV+_2i5qAP)vir^LhPyz;#i2eZyo@gYfe-L9NM*e^x z2}+_Qh+LwWAO$o?xhg#|_%F(X8hp{xgPda_a%$qmwJHPqOZ)OEt zMv^2Q9g-<&ar@#I1fgy4LSX+$m}lv*ky0X5YAG!vk$x6Pm|VIzL&*S@L0TzI(a^sa zp$c;?E=u#5I4MvW4ub|NBch5E167e zW-XWsQ+DRibwbH3$VHJjVkiv%#Rh)vTKEK}Zv1>`wlX9+QBwL736_bxPd|dSFdw5q z)_bdAo}9zaB{4$7DhF~=G+VjPmLqVf0fJTsOWtJk9zQ-b#NzLqNRn$1XlzFH>UZI* ztw-E=2gHF845=v?XlO#j=jYpOI|<~Z7R?E#C*91lK#qs8|l z<++7$JTe!aGZk<>zW^s5Uw~;FH&6))p{_3SX@`)ucriM5@8f}B<5$~|{r=nVR$qYY z=_gUY;Y*1AAhJJr2j03`G=2RI(w8izjyj3Bafu{qGW@l*yp7grx#W!H4-!S<^q-FU z8%YeqR#*t%g<6cC_b9*TnEN0G+S*~H-glopgT&%ubRRB7#cL~hlzea55xAb2kKA=@ zQNC;i8JvJ{Zy(Ir88DI6oqXXXMBHx7+P@2>(~2O4#mn!C;L^s;h;uk#%F2M=>4eT? zM#sTlP`P3i3bt)V^Y$HR+_V*mbBYl+VSMyisy|_N36!A7=ky*q#*e0n>D=_sfA}#j ze)a`V5w92hCr`sZvk>m88a{>kX=w468RDQd7?4;}j2;?_QXoLXEr`1H%x4KSEc)O% zdk)Tr=c4n#!69K-jB@vZ-Q?fqLr+%0>h@OGz&axztvkMl)@q?nxCiZfqH&igGXnt{ zc7sFRHoX8!kSz}FIm1&~9c@HbCW15sM1LTf7YV~UB@cZk%3v$Vhx^oNvW9dThAlkb zUUV0NBtW3P5y8$bbo_V_9s3TT{fE6gf1s&}T#*37gd~W;;LtnSG%V<~s9O0Z4?N>j zQ_*wu825L++KbTJ6QH$NFwoM<1+mY%3*PfJLv1pqBtr?Zhn2Uo3Sp0z+Mt2`?wRn` z)bMkL-Z75MISIk;9>lql;IFGk+R`O3<>hjxIR3FmQ1SXINTDF6Z{36`8`dN2^H480 zv(KQY`x39Gea}7=Q2u19S7S7w<=Y)3fE~G?tR??rLWC?%qtiiWwb8Q;WRXVnmz810 z_ALmub&&JTC&8mu#D=$RhBC`xzdmfCqV>Q7%X%a#`edMFspwY8_66hHp&)1RAMiQ9i zg*r)W=Q!vR?0n^~vs)0L8P1Tx-qjKP5Um#GDY<+WmBL}(VXPAqif5u|&rT>{k!;K9 zrLBoUA~dD4G>Aa673(=>+M)I?9_z5_b)cn*`Qff^cqk1L z?Cj==m-YFg@474uLyAP;DX+k_SQJd*gUI$d{bi?axGWRp&!x-xhm00ZnJe)tktGf@ zS8w(C8!jJqd(eI82u2GD5g1eNfKp_M(@V2ZBoM?{!IG0h@lzI*B1;@Lg$rY4B~Hy8 z_rQJJQ7c83L-t*c9d32Brg%6XpNE{aYj88j5+^=$64G8-a`jCCv8_oEV($AyW26!G zpZ{e&#Met#>|HY}F{Y;?arQm3cm0M#mN@AzFUIYJ`ny#ORB>XUiW37>oEWI$jEuy@ zX@$ygbTV<+dfo?>D`8ugssI20 literal 0 HcmV?d00001 diff --git a/src/assets/img/Master.png b/src/assets/img/Master.png new file mode 100644 index 0000000000000000000000000000000000000000..56c6a59faff293e9affcef5b16ac018a4729cf53 GIT binary patch literal 1532 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 Xa?+b_^;u0i00000NkvXXu0mjf^P8jj literal 0 HcmV?d00001 diff --git a/src/assets/img/Visa.png b/src/assets/img/Visa.png new file mode 100644 index 0000000000000000000000000000000000000000..2e8fa69ee753994566fb0fef8bd75245b676e009 GIT binary patch literal 2214 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 + + + + + + + + + + diff --git a/src/assets/svg/Instagramlogo.svg b/src/assets/svg/Instagramlogo.svg new file mode 100644 index 0000000..8b18e85 --- /dev/null +++ b/src/assets/svg/Instagramlogo.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/assets/svg/Linkedinlogo.svg b/src/assets/svg/Linkedinlogo.svg new file mode 100644 index 0000000..d70f104 --- /dev/null +++ b/src/assets/svg/Linkedinlogo.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/assets/svg/M3logo.svg b/src/assets/svg/M3logo.svg new file mode 100644 index 0000000..780c92a --- /dev/null +++ b/src/assets/svg/M3logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/Twitterlogo.svg b/src/assets/svg/Twitterlogo.svg new file mode 100644 index 0000000..bf71aac --- /dev/null +++ b/src/assets/svg/Twitterlogo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/svg/Vtexlogo.svg b/src/assets/svg/Vtexlogo.svg new file mode 100644 index 0000000..b6fd99e --- /dev/null +++ b/src/assets/svg/Vtexlogo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/svg/Youtubelogo.svg b/src/assets/svg/Youtubelogo.svg new file mode 100644 index 0000000..d94b497 --- /dev/null +++ b/src/assets/svg/Youtubelogo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx index dc8e999..571de7a 100644 --- a/src/components/Footer/index.tsx +++ b/src/components/Footer/index.tsx @@ -1,11 +1,87 @@ import styles from "./styles.module.scss"; +import masterCardImg from "../../assets/img/Master.png"; +import visaImg from "../../assets/img/Visa.png"; +import amexImg from "../../assets/img/Amex.png"; +import eloImg from "../../assets/img/Elo.png"; +import hiperCardImg from "../../assets/img/Hiper.png"; +import payPalImg from "../../assets/img/Paypal.png"; +import boletoImg from "../../assets/img/Boleto.png"; +import vtexPCI from "../../assets/img/Vtexpci.png"; +import vtexSvg from "../../assets/svg/Vtexlogo.svg"; +import M3Svg from "../../assets/svg/M3logo.svg"; +import facebookSvg from "../../assets/svg/Facebooklogo.svg"; +import instagramSvg from "../../assets/svg/Instagramlogo.svg"; +import twitterSvg from "../../assets/svg/Twitterlogo.svg"; +import youtubeSvg from "../../assets/svg/Youtubelogo.svg"; +import linkedinSvg from "../../assets/svg/Linkedinlogo.svg"; export default function Footer() { return ( - <> -
-
assine essa bosta
-
- + ); } diff --git a/src/components/Footer/styles.module.scss b/src/components/Footer/styles.module.scss index e52ddbb..64573b8 100644 --- a/src/components/Footer/styles.module.scss +++ b/src/components/Footer/styles.module.scss @@ -1,6 +1,163 @@ -.footer { - background: green; +.footer_top { + display: flex; + justify-content: space-between; + padding: 50px 7.81vw; + gap: 12.34vw; + + .menu_list { + display: flex; + gap: 121px; + h2 { + font-weight: 500; + font-weight: bold; + font-size: 14px; + line-height: 16px; + display: flex; + justify-content: flex-start; + } + a { + font-size: 12px; + white-space: nowrap; + display: flex; + justify-content: flex-start; + } + + > div { + display: flex; + flex-direction: column; + gap: 12px; + } + } + + .redes_sociais { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12px; + + p { + font-weight: 400; + font-size: 14px; + line-height: 16px; + } + } + + .redes_sociais_svg { + display: flex; + gap: 0.78vw; + + img { + width: 2.73vw; + } + } } -.jorgin { - color: blue; + +.footer_bottom { + justify-content: space-between; + background-color: #000000; + display: flex; + align-items: center; + min-height: 64px; + padding: 0 7.81%; + + p { + white-space: nowrap; + color: #ffffff; + font-weight: 400; + font-size: 0.78vw; + line-height: 0.93vw; + width: 18.28vw; + text-align: left; + } + + .pagamentos { + display: flex; + align-items: center; + gap: 0.93vw; + + .bandeiras { + display: flex; + justify-content: center; + align-items: center; + gap: 0.93vw; + margin-left: 8.63vw; + img { + width: 2.81vw; + } + } + + .traço { + border-left: solid 1px #c4c4c4; + height: 24px; + } + + .certificado { + display: flex; + justify-content: center; + align-items: center; + img { + width: 4.27vw; + } + } + } + + .logos { + margin-left: 8.63vw; + gap: 1.02vw; + display: flex; + + p { + white-space: nowrap; + width: unset; + display: flex; + justify-content: flex-end; + align-items: center; + } + } +} + +@media screen and (max-width: 1279px) { + .footer_bottom { + flex-direction: column; + align-items: flex-start; + padding-left: 16px; + gap: 15px; + + .pagamentos { + margin-top: 15px; + order: -1; + + .bandeiras { + margin-left: unset; + } + } + .logos { + margin-left: unset; + } + } +} + +@media screen and (max-width: 375px) { + .footer_bottom { + padding: 0; + + .pagamentos { + .bandeiras { + gap: 11px; + img { + max-width: 30px; + width: 100%; + height: auto; + } + } + .certificado { + gap: 11px; + img { + max-width: 45px; + width: 100%; + height: auto; + } + } + } + } }