diff --git a/static/css/styles.css b/static/css/styles.css index 03a5f60..915e29b 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -237,6 +237,7 @@ footer>div { max-width: 1280px; margin: auto; padding: 40px; + height: 73%; } .left-column { @@ -260,6 +261,10 @@ footer>div { .third-column { width: 33%; float: left; + margin-top: 11%; +} +.four-column{ + display: inline-block; } .fifth-column { @@ -267,6 +272,10 @@ footer>div { width: 33%; } +.social_media_footer { + margin-top: 19px; +} + .second-footer>div { @@ -301,9 +310,11 @@ footer>div { font-style: normal; font-weight: 500; line-height: 28px; + margin-bottom: 40px; } -.third-column>div:first-child { + +.four-column>div:first-child { color: #FFF; /* Heading 4 */ font-family: Inter; @@ -311,9 +322,22 @@ footer>div { font-style: normal; font-weight: 500; line-height: 28px; + margin-bottom: 40px; } -.third-column>div:last-child>div { + + + +.third-column>div>a{ + color: white; + font-family: Inter; + font-size: 16px; + font-style: normal; + font-weight: 400; + line-height: 22px; +} + +.four-column>div:last-child { color: #FFF; /* Body text 2 */ font-family: Inter; @@ -324,14 +348,9 @@ footer>div { margin-bottom: 8px; } -.second-column>div:last-child { - display: flex; - min-width: 400px; -} -.second-column>div:last-child>div { - flex-basis: 50%; -} + + .second-column>div:last-child>div>div { margin-bottom: 8px; @@ -348,7 +367,7 @@ footer>div { text-decoration: none; } -.four-column>a { +.fifth-column>a { display: block; border-radius: 10px; background: #FF613A; @@ -364,7 +383,7 @@ footer>div { text-align: center; } -.four-column>a:first-child { +.fifth-column>a:first-child { margin-bottom: 10px; } diff --git a/templates/blocks/b_footer.html b/templates/blocks/b_footer.html index cb24e90..b2ddd8a 100644 --- a/templates/blocks/b_footer.html +++ b/templates/blocks/b_footer.html @@ -10,7 +10,7 @@