Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* footer section start */
- .my-footer * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- -o-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
- .my-footer-body body {
- font-size: 1em;
- background: #fff;
- max-width: 1920px;
- margin: 0 auto;
- overflow-x: hidden;
- font-family: poppins;
- }
- #footer {
- background: #f7f7f7;
- padding: 3rem;
- padding-top: 5rem;
- padding-bottom: 5em;
- }
- #footer h2 {
- font-size: 1.5em;
- }
- #footer2 {
- background: #f7f7f7;
- padding: 3rem;
- margin-top: 0px;
- /* padding-top: 5rem; */
- padding-top: 7rem;
- /* padding-bottom: 80px; */
- background-image: url(../images/cards/v748-toon-111.png);
- }
- .footer-about {
- display: flex;
- flex-direction: column;
- align-items: center;
- font-size: 1em;
- font-family: poppins;
- font-weight: 400;
- margin-bottom: 1rem;
- /* margin-right: 4rem; */
- padding-right: 2rem;
- }
- .footer-about .logo-footer {
- font-size: 1em;
- font-family: poppins;
- font-weight: 500;
- margin-bottom: 1rem;
- }
- .logo-footer {
- /* max-width: 300px; */
- }
- .social-links {
- /* display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center; */
- }
- .social-links h2 {
- padding-bottom: 15px;
- font-size: 20px;
- }
- .social-links img {
- padding-bottom: 1.5rem;
- }
- .social-icons {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- color: #777777;
- font-size: 1em;
- font-family: poppins;
- font-weight: 500;
- }
- .social-icons a {
- /* font-size: 18px; */
- /* background: #ffffff; */
- /* box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
- padding: 0.4rem 1rem 0.4rem 1rem;
- border-radius: 3px;
- color: #82074a; */
- /* margin-right: 18px; */
- color: #777777;
- }
- .social-icons a:hover {
- color: #000;
- }
- .social-icons a i {
- box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
- padding: 0.4rem 1rem 0.4rem 1rem;
- border-radius: 3px;
- color: #f7403a;
- font-size: 16px;
- margin-right: 12px;
- }
- li {
- list-style: none;
- }
- .useful-link h2 {
- padding-bottom: 0.4rem;
- font-weight: 600;
- }
- .useful-link img {
- padding-bottom: 15px;
- }
- .use-links {
- line-height: 2rem;
- font-size: 1em;
- font-family: poppins;
- font-weight: 600;
- }
- .use-links li i {
- font-size: 1em;
- padding-right: 1rem;
- color: #898989;
- }
- .use-links li a {
- color: #303030;
- font-size: 15px;
- font-weight: 500;
- color: #777777;
- }
- .use-links li a:hover {
- color: #000;
- }
- .address h2 {
- padding-bottom: 15px;
- font-size: 20px;
- font-weight: 600;
- }
- .address img {
- padding-bottom: 15px;
- }
- .address-links li a {
- font-size: 15px;
- font-weight: 500;
- color: #777777;
- }
- .address-links li i {
- font-size: 16px;
- padding-right: 8px;
- color: #f7403a;
- }
- .address-links li i:nth-child(1) {
- padding-top: 9px;
- }
- .address-links .address1 {
- font-weight: 500;
- font-size: 15px;
- display: flex;
- }
- .address-links {
- line-height: 32px;
- color: #777777;
- }
- .copy-right-sec {
- padding: 1.8rem;
- background: #f7403a;
- color: #fff;
- text-align: center;
- }
- .copy-right-sec a {
- color: #fcd462;
- font-weight: 500;
- }
- a {
- text-decoration: none;
- }
- /* media queries*/
- @media only screen and (max-width: 768px) {
- /* Adjust alignment of footer about section */
- /* .h2 {
- margin-bottom: 15px;
- padding-bottom: 1px;
- } */
- .footer-about {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .footer-about .logo-footer {
- margin-bottom: 5rem;
- margin-right: 2rem;
- }
- /* adjust the padding in between the header and the copy beneath it */
- /* Adjust alignment of useful links */
- .useful-link {
- text-align: left;
- /* margin-left: 1em; */
- margin-bottom:3rem;
- }
- /* Adjust alignment of social links */
- .social-links {
- flex-direction: column;
- align-items: left;
- margin-bottom:3rem;
- }
- /* Adjust alignment of address links */
- .address-links {
- text-align: left;
- }
- /* Add margin to address link items */
- .address-links li {
- margin-bottom: 1rem;
- }
- .footer-about .logo-footer img {
- display: block;
- height: 1rem;
- max-width: 100%;
- }
- .address-links li i:nth-child(1) {
- padding-top: 9px;
- }
- .address-links .address1 {
- font-weight: 500;
- font-size: 15px;
- display: flex;
- }
- .address-links {
- line-height: 32px;
- color: #777777;
- }
- .use-links {
- line-height: 32px;
- }
- .use-links li i {
- font-size: 14px;
- padding-right: 8px;
- color: #898989;
- }
- .use-links li a {
- color: #303030;
- font-size: 15px;
- font-weight: 500;
- color: #777777;
- }
- .use-links li a:hover {
- color: #000;
- }
- .address-links li a {
- color: #303030;
- font-size: 15px;
- font-weight: 500;
- color: #777777;
- }
- .address-links li i {
- font-size: 16px;
- padding-right: 8px;
- color: #f7403a;
- }
- /* Adjust alignment of footer about section */
- .footer-about {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .footer-about .logo-footer {
- margin-bottom: 1rem;
- }
- / Adjust alignment of useful links / .useful-link {
- text-align: center;
- }
- / Adjust alignment of social links / .social-links {
- flex-direction: column;
- align-items: left;
- }
- / Adjust alignment of address links / .address-links {
- text-align: left;
- }
- / Add margin to address link items */ .address-links li {
- margin-bottom: 1rem;
- }
- .copy-right-sec {
- padding: 1.8rem;
- background: #f7403a;
- color: #fff;
- text-align: left;
- }
- .copy-right-sec a {
- color: #fcd462;
- font-weight: 500;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement