From e0d3e9f6bc5ef3dd5abfdbd3f10f9ec0c9c996d0 Mon Sep 17 00:00:00 2001
From: Sergey <32025367+sergeyyarkov@users.noreply.github.com>
Date: Mon, 19 Aug 2019 22:44:54 +0300
Subject: [PATCH] Add files via upload

---
 src/img/advantage/1.png | Bin 0 -> 726 bytes
 src/img/advantage/2.png | Bin 0 -> 760 bytes
 src/img/advantage/3.png | Bin 0 -> 869 bytes
 src/img/advantage/4.png | Bin 0 -> 856 bytes
 src/styles/media.css    |  55 ++++++++++++++++--
 src/styles/style.css    | 121 +++++++++++++++++++++++++++++++++++++++-
 6 files changed, 170 insertions(+), 6 deletions(-)
 create mode 100644 src/img/advantage/1.png
 create mode 100644 src/img/advantage/2.png
 create mode 100644 src/img/advantage/3.png
 create mode 100644 src/img/advantage/4.png

diff --git a/src/img/advantage/1.png b/src/img/advantage/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1ec1ce35232709092902d998460f038b773dc5c
GIT binary patch
literal 726
zcmV;{0xA88P)<h;3K|Lk000e1NJLTq000*N000>X1^@s6+90*i0007=Nkl<ZNQsrz
z+v`+S6bJB+KP{!aA*3fSse!1}gLi$Jj36^eDCkW=!2~HGw7(!xgz_O!2_IC5u23O_
z6++<zVRpeX&9^c|cWD+y24*G;){$YDGmc-FIk5NI-@W#CefM6&j!c@Q0b_6g5%4em
z$FPp?9k`6Otx_)cq8QOYJR0BQSS-ewB&`wTQ?V5%+g0^IuML_qe;pIBvgueIco##h
zQl9Ld80rx`5_7S60Ad+8qg_>_2O+;3zo(x4Fbg5anT(y#9otLuARdmZco>gn5_jUR
ztjAc~gK6!m+JK)?1|g5aoxm$th)?lfI_4MrfV21vPvZmZX_azy5b}C_O_G1pN1EN(
zg?YUuducAc{pBr)YrKWOnlkK#i#R?2vAhrW-%jRH{V4;I-`kXV6Zv7x8IXK#7JXpy
zPcSjv&<`tcU#paZw?iJ-j(xWve-k^KCi{`UmQD!IKiD-lJKgkQtCUxp2%6kdBjj0+
z=P?ey<u(5ki?Fxf;(nPwf{pk(ZTU8?;5~emcVJz+s#Y`+bUwM$@*P=*$#@(uVjKR>
zxp2i|e1Y+ZcjYA<%D3fcIIUI6Pc?ZwQu{F-e`I6$80S;>`Iwn8LAnIb;@hmpGr7@Y
z88<FBS{s_bpSF7{2|IBtWq1Og<Au~Yh~L1eRw+j_{-gM7S5<JmgM%Zo^0OOc+k_)H
zhaa=O)u+0I<=qQfrTiM>?W#IHlnZN2P0eeB)~mCaamAm*wajdFXG3XM)zWrVP48HH
zw%aWa;pMKe)7X-_u1X2Rn%{NB?Z~3vM36@jqQlgP#?Xxg>Frp2Ax_^T=6c5|LhhO2
zmf9)*Wb2CGsnj<Rohh=7@$h!ICt6`_(isyESjZIJY81}j0I9vJxK8pb%m4rY07*qo
IM6N<$f-ccqVE_OC

literal 0
HcmV?d00001

diff --git a/src/img/advantage/2.png b/src/img/advantage/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e12114cedeab4fd537bc9fac54abda9f5dc646d
GIT binary patch
literal 760
zcmV<U0tfwxP)<h;3K|Lk000e1NJLTq000yK000>X1^@s6F&7Tg0008NNkl<ZIE{_f
zTd1Z}7zgm*-rLqVW^C-&ndF?v*~NV05VakOxEmwk0vGNaZk*!64J9GvoTMn>3UlM5
z91<ZyPGfAnC55p~7(>tWe|PWxnmxYf=3DFi*7~pK|NlShSrc!}&RQmJz#MkQmModX
zCcKV&>%*XJm+anQ8(6#IE&Pqg@fv=}fBWMcT!pK#3P1NZk7hW5^>`C&mP<YHC@#Q(
zgSOq=eViOw^f2bf0IRqLpN7R^^Z^gRMbT~CxESXRo96IteP6?y@Bw}q0jo8~<H%^Z
z2R_6L_#H#soQ#(Mo`MH@^EJs}Z~U3f3-|-i;tPC&r*UhysWW9?yo}Ru6rKr4Is6LV
zAIbU&tjvK^sfx9Ow*9Kp@JxJz6#;k&XW;g2fK}X<@;PMCw*O!w&eAjG7<`vgtLE<f
zA5%8qzUWx-Z8Tm4oQ*c~(RIf$T(0bQ$@pvR)d$=Se`UPWn5DBSR3(|+`+x=VTgI>A
z#xVfzz&jZ)bgVkSsg#A3Kxum2cEHx+blj5p#ty5i!|CW(QTOtEyd4=H8v(mKwRd)?
z%HHWd;0!Lqy3C8pVG;XEe2#x{1Xkk&eAGMSQZ#+a*T?n;acaID6rj32zlPRB_zVYU
z%}K+ixgRIvS|jaiCT;6ze4lGobYC2yJeLHH#i3!bdeFA>9pFSXnaSxJa@pU-CCixd
z6fVSF*e@oQsaF)>^PxM}GiEBl@8!Ps<2jsLjkQdvCt%n#v*`st72ua?2wO%rPN$u1
z3dPOQu$Y{f+FSCb44dZT$z;-j?Snltt~celocu`iTo*PAS+g?Pb+LZ*kt$89In-|#
zcjKPOP%W(=)l|!zDy^+ifaO#@l~ts5!MkGZN6}q;h<Z`oyBcuO-HKHjKAD;;t?F&4
q+fgrHxxc-rLN8;g50nop@Z*2Ci>}Q7Me(cv0000<MNUMnLSTXfK!JJy

literal 0
HcmV?d00001

diff --git a/src/img/advantage/3.png b/src/img/advantage/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..22a18b775eeb648ba2b7022c316b4a86de550f7a
GIT binary patch
literal 869
zcmV-r1DgDaP)<h;3K|Lk000e1NJLTq000>P000&U1^@s6HNQ8u0009lNkl<ZNQsrz
zedu3v6bJCvW;L@Jv$0Ppk|GazNQ|^=ie*|JhSr*l@(}-cNXUQwLy4?BGooyHSW1hM
za!bwQY}Dp?8S^o$HDoiH4(I;5Zr`oE>vr!wpL0LwbKd8D&K>vG%$Ww5iWhMJc3}ek
zz$N%`=-kw*E#+Jsg!N6W>xMp~g1m%7F%Q3EU%Y@{aq+<SNW7eD;X55)Hnm>5w;&Vo
zJx;`?o_#-jj^nT`Z8Pv0o^5KqF$`@fk<FXf*wlJa_wo3_$*#dW8Q>utjR%vik8o4Z
z_YS-t0oqa)x1}s<YTeq@dJ<-}rJUM1P8bB)h$)za50i%2d>>547d_v2Z`)F?z%$t1
zmNFZU<82&^_eN#%Dh|VWcmm(yDV&Ca=X$;s=i@dUlh^djd}1DKBwc~$asR;fFkT<n
zqE7o`c~k3#rq<0(tqZX(?T74%u8!-ogNoohMIcYy$JAUus<XAFoQwlQ$~bs$nFMCx
z6>P~2j>pb{&lz|iC~8Z&Ic-m3H8%7PH<n4<Z@~$9g3$hbxE=Rm5w65f_!vv`T8pc(
zrY+?%{L<9Av@PZIl>FG{bFeHmA0NGotCI7(Q@#tZG7oSTZorv1JVg?e&1-61(U!6z
z3%|ZC<%6cyAEFsULHDF8`o;ew$I6sU{leb*5?q`0TiMh)BWp4juVFqeK*)Q}gp_GN
zK;WC)IO=guX4yyd#o{dR(`_jsfJgGWzNvK;R<)&UjfpTm>6kRwWKB{L1wSGiaulXD
zwcd(P@fa>|YJIfxYihj{TO-K0q$L__ZZF6V1izb8`?4PM^LckRU*Imh(bT#;X`9`a
zvLM&CbrSv)*QJ7_GPdUg-qZ`SFl*6aSKepl6z;H~H|NIp`($&Diojo4t7SQrccgtw
z`VFx<#n9nreA~T@>i7<8GrNs@@%aZ$t-E@^09k_F-OHXjUN)V<f93z+KS3tv^X|b0
zUnS>X5A2;^H0#);9U%4{^9#B<zNg{0o^x=2O3tAUF<rwi5Z^`ZMj?i0=eIM0bpPWh
vdNj`{$~r_bgYQ5TItn}raln6jk0pNtpt|t{3+a7m00000NkvXXu0mjfFN&?1

literal 0
HcmV?d00001

diff --git a/src/img/advantage/4.png b/src/img/advantage/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..b61438c8f0bbf2289523e434aa748c65a3d6454a
GIT binary patch
literal 856
zcmV-e1E>6nP)<h;3K|Lk000e1NJLTq000*N000>X1^@s6+90*i0009YNkl<ZNQsr!
zZOEQu7zgm*W*FM0WY3AMnUpkTo5v<`F{C9^^JyWCQfd>8ycD99x8wu)Kxtlz_&~nM
z658F;#%S~IgNEsGGDhBC=B1;KTbJAQT(zUFuKPZ(^ZcL3`9J>0|GK7Z8XMCSGjKcR
z<9qyy12GG`a9dOBp2?O^?E$_Vuj3cIh&S<4-Z$b~Y#x-dW?#W?jI3}Oe!%HC1yAC%
zy#ByytQ(ZFz6)ep$5<>}hXr^7e_}0m;-jQ#EH}R!OYqL1l+8`88{0r#obSlYS7QIn
zzAI+p9!$sMc%Z3uK_4yWMiw{}3wwYcP2R7>(KrfQ2Boa*17Csd7{{$0ppn^~I3B0w
z*ey5-?_+s;@+jwrWTB40;#A9?<n<yPlL@Rzzz=XT=HO!-(3g3{-sEv%ZYDRo8nf{R
zPQ;lxZ#?Jyj=%dd4`m#L2|SpM67d_h;*}^IzG$tvAq6mVG}%$`w^8spZo;KG9{<n5
zj~yqyIiE-NANJ7_D!3psT%24-ygLbS6!@&{;84mVec;iJ&*f30aIfOR*7Iep-{)n)
z&(C_i+|;_e4K|r^ZNqEWfP3*J-oyI5!pP=k5|QzWrq&ZiLAu&sDqw4#?D{<VjI6`K
zNz?sUg|kyx|BF6XT$<LpEv+{6KPB%!r6iASYF*USx_4i}!wLVw?sUY@a9GN8Je%w1
zK`F~718CDSH@zi*j?9AHk&W{W9>QbUnfIk+uL)%hN_hb_{3SfUsr3_C(EYM-^Y9%$
zO;egk%UzTO+>muxlI_1EP40>`y5%`<R&KO<T1szrN^WB0WFfU@Q<kBg>+o;_KNV)x
z)Vd|-hSm*A39M)Ee1IR9S65txP1%7vv!KIMeVzXDpJ;0RD#iz;Y@eD7hcPEPA4aI+
z5<Hy^wl<9|GP^j7Dl=X>C}m!2?XFR^oRLk_j_`|Xlh?3@ICc~=_-@BtDTsd~z@rG!
z7{dr>9F6dq__T<{;fPJgoRIDC6hZg=P|Hv$@d<HwUh!55ej~!8Bik5%E7cR96|qTs
iPQ0Chrm%|XnD__p6VrCMq6qi^0000<MNUMnLSTX@FRH8n

literal 0
HcmV?d00001

diff --git a/src/styles/media.css b/src/styles/media.css
index 7d5b355..af34f8d 100644
--- a/src/styles/media.css
+++ b/src/styles/media.css
@@ -2,24 +2,44 @@
     #about .section-about_wrap {
         grid-template-columns: 1fr 1fr;
     }
+
+    #advantage .section-advantage_wrap {
+        grid-template-columns: 1fr;
+    }
+
+    #advantage .section-advantage_wrap .advantage-users {
+        margin-top: 50px;
+        padding-left: 60px;
+        padding-right: 60px;
+    }
+
+    #advantage .section-advantage_wrap .advantage-users .users-title {
+        font-size: 21px;
+    }
 }
+
 @media (max-width: 860px) {
-    ul {
+    header ul {
         flex-direction: column;
     }
-    ul li {
+
+    header ul li {
         margin-bottom: 10px;
     }
+
     header .header-content_bottom {
         flex-direction: column;
     }
+
     header .header-content_bottom div {
         margin-bottom: 10px;
     }
+
     #first {
         padding-top: 60px;
     }
 }
+
 @media (max-width: 770px) {
     .section-services_wrap {
         grid-template-columns: 1fr 1fr;
@@ -27,51 +47,78 @@
         padding-left: 25px;
     }
 }
+
 @media (max-width: 768px) {
     #turn .section-turn_wrap {
         grid-template-columns: 1fr 1fr;
     }
+
     #turn .section-turn_wrap div:nth-child(3) {
         grid-column: 1/3;
         margin-top: 40px;
     }
 }
+
+@media (max-width: 620px) {
+    #advantage .section-advantage_wrap .advantage-cards {
+        grid-template-columns: 1fr 1fr;
+    }
+
+    #advantage .section-advantage_wrap .advantage-cards .card-other {
+        grid-column: 1/3;
+    }
+}
+
 @media (max-width: 576px) {
     #first .section-first_wrap h1 br {
         display: none;
     }
+
     #first .section-first_wrap h1 {
         font-size: 30px;
     }
 }
+
 @media (max-width: 548px) {
     .section-services_wrap {
         grid-template-columns: 1fr;
         padding-left: 0px;
     }
+
     .section-services_wrap div p {
         text-align: center;
         padding-left: 0;
-    } 
+    }
+
     .section-services_wrap div::before {
         left: 15px;
-    }  
+    }
 }
+
 @media (max-width: 460px) {
     #about .section-about_wrap {
         grid-template-columns: 1fr;
     }
+
     #turn .section-turn_wrap {
         grid-template-columns: 1fr;
     }
+
     #turn .section-turn_wrap div:nth-child(3) {
         grid-column: 1;
     }
+
+    #advantage .section-advantage_wrap .advantage-users {
+        padding-left: 0;
+        padding-right: 0;
+    }
 }
+
 @media (max-width: 360px) {
     #first .section-first_wrap h1 {
         font-size: 28px;
     }
+
     #first .btn-red {
         width: 100%;
     }
diff --git a/src/styles/style.css b/src/styles/style.css
index 8851b02..7f60fd8 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -74,13 +74,13 @@ h2 {
     padding-right: 15px;
     max-width: 960px;
 }
-ul li {
+header ul li {
     display: inline-block;
     list-style: none;
     font-size: 16px;
     font-family: ProximaNovaBold;
 }
-ul {
+header ul {
     padding: 0;
     margin: 0;
     display: flex;
@@ -331,4 +331,121 @@ header {
 }
 .section-turn_feature p b {
     font-family: ProximaNovaBold;
+}
+/* Section Advantage */
+#advantage {
+    padding-top: 100px;
+    padding-bottom: 100px;
+}
+.section-advantage_wrap {
+    margin-top: 80px;
+    display: grid;
+    grid-template-columns: 2fr 1fr;
+}
+.advantage-cards {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+}
+.card-advogrand {
+    background-color: #26b83a;
+}
+.card-other {
+    border: 1px solid #e8e8e8;
+}
+.card-advogrand, .card-other {
+    padding-top: 30px;
+}
+.card-title {
+    text-align: center;
+}
+.card-title span {
+    font-family: ProximaNovaExtraBld;
+    font-size: 15px;
+    color: #fff;
+}
+.card-other .card-title span {
+    color: #000;
+}
+.card-content ul li {
+    list-style: none;
+    text-align: center;
+    color: #fff;
+    font-size: 13px;
+    font-family: ProximaNovaBold;
+    margin-bottom: 30px;
+}
+
+.card-info .card-content ul li, .card-other .card-content ul li {
+    color: #000;
+}
+.card-info .card-content ul {
+    margin-top: 77px;
+}
+.card-content ul {
+    padding: 0;
+    margin: 0;
+    margin-top: 30px;
+}
+.advantage-users {
+    padding-left: 20px;
+}
+.advantage-users .users-title {
+    color: #000;
+    font-size: 16px;
+    font-family: ProximaNovaExtraBld;
+    text-align: center;
+    margin-bottom: 30px;
+}
+.advantage-users button {
+    width: 100%;
+}
+.users-list ul li {
+    list-style: none;
+    font-family: ProximaNovaBold;
+    color: #1c1c1c;
+    margin-bottom: 20px;
+}
+.users-list ul li span {
+    font-family: ProximaNovaExtraBld;
+    padding-left: 20px;
+}
+.users-list ul {
+    margin: 0;
+    padding: 0;
+}
+.users-list ul li:nth-child(1)::before {
+    content: '';
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    background: url(../img/advantage/1.png) no-repeat center center;
+    position: relative;
+    top: 4px;
+}
+.users-list ul li:nth-child(2)::before {
+    content: '';
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    background: url(../img/advantage/2.png) no-repeat center center;
+    position: relative;
+    top: 4px;
+}
+.users-list ul li:nth-child(3)::before {
+    content: '';
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    background: url(../img/advantage/3.png) no-repeat center center;
+    position: relative;
+    top: 4px;
+}
+.users-list ul li:nth-child(4)::before {
+    content: '';
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    background: url(../img/advantage/4.png) no-repeat center center;
+    position: relative;
+    top: 4px;
 }
\ No newline at end of file