diff --git a/css/axit.css b/css/axit.css index 96d8a95..ddc54cc 100644 --- a/css/axit.css +++ b/css/axit.css @@ -231,6 +231,7 @@ textarea { border-left: none; border-right: none; border-bottom: 1px solid #bdbdbd; + border-radius: 0; margin-bottom: 25px; color: #bdbdbd; font-size: 12px; @@ -254,30 +255,55 @@ textarea { display: flex; flex-direction: column; align-items: center; + padding: 15px 0; } #social-text { text-align: center; + font-family: 'Open Sans', sans-serif; } - #social-banner i { - margin: 10px; + #social-text h3 { + font-weight: 700; + margin: 5px; + font-size: 24px; } + #social-text p { + font-weight: 400; + color: #86878b; + margin: 5px; + } + #social-icons { display: block; - font-size: 2em; + color: #cccccc; + text-align: center; + font-size: 36px; + } + + #social-icons i { + margin: 0 5px; } footer { background-color: black; color: white; - flex-direction: column; - text-align: center; - padding-top: 20px; + padding-top: 50px; padding-bottom: 5px; + font-family: 'Open Sans', sans-serif; + font-weight: 400; + text-align: center; } + #footer-icons i { + margin: 0 10px; + font-size: 24px; + } + + #copyright { + font-size: 12px; + } @media (min-width: 700px) { .mobile { @@ -337,7 +363,8 @@ textarea { } #social-icons i{ - font-size: 40px; + font-size: 60px; + margin: 0; } } diff --git a/wk3_axit.html b/wk3_axit.html index 55da796..dc13c7e 100644 --- a/wk3_axit.html +++ b/wk3_axit.html @@ -94,7 +94,7 @@ -

© 2015 Axure Themes

+