.footer { a { text-decoration: none; cursor: pointer; color: white; } .social-svg-mask { fill: white !important; } .social-container { width: 80% !important; height: 80% !important; left: 5px !important; } .media_sociaux { text-align: left !important; } .SocialIcon { top: 5px !important; left: 10px !important; } background: rgb(250, 245, 245); height: 50%; font-size: 0.8rem !important; @media only screen and (max-width: 600px) { .copyright { font-size: 0.5rem; } .SocialIcon { top: 5px !important; width: 30px !important; height: 30px !important; //left: 10px !important; } .Box_div { padding: 1rem 1rem; background: #104277; color: white !important; bottom: 0; width: 100%; min-height: 2rem; @media (max-width: 601px) { padding: 3px 3px; } } .Container_div { display: flex; flex-direction: column; justify-content: center; max-width: 1000px; margin: 0 auto; /* background: red; */ } .Column_div { display: flex; flex-direction: column; text-align: left; margin-left: 0.8rem; } .Row_Div { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-gap: 3%; @media (max-width: 1000px) { grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); } } .FooterLink_a { color: white; margin-bottom: 0.2rem; font-size: medium; height: 2rem; text-decoration: none; cursor: pointer; &:hover { color: green; transition: 200ms ease-in; } } .Heading_p { font-size: 0.7rem; color: #81bc3a; margin-bottom: 0rem; font-weight: bold; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } } @media only screen and (min-width: 601px) and (max-width: 991px) { .copyright { font-size: 0.6rem; } .Box_div { padding: 1rem 1rem; background: #104277; color: white !important; bottom: 0; width: 100%; //min-height: 25rem; @media (max-width: 601px) { padding: 2rem 30px; } } .Container_div { display: flex; flex-direction: column; justify-content: center; max-width: 1000px; margin: 0 auto; /* background: red; */ } .Column_div { display: flex; flex-direction: column; text-align: left; margin-left: 20px; } .Row_Div { display: grid; grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); grid-gap: 15%; @media (max-width: 1000px) { grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); } } .FooterLink_a { color: white; margin-bottom: 0.2rem; font-size: medium; height: 2rem; text-decoration: none; cursor: pointer; &:hover { color: green; transition: 200ms ease-in; } } .Heading_p { font-size: 0.85rem; color: #81bc3a; margin-bottom: 0.5rem; font-weight: bold; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .copyright { font-size: 0.7rem; } .Box_div { padding: 1rem 1rem; background: #104277; color: white !important; bottom: 0; width: 100%; //min-height: 20rem; @media (max-width: 601px) { padding: 2rem 30px; } } .Container_div { display: flex; flex-direction: column; justify-content: center; max-width: 1000px; margin: 0 auto; /* background: red; */ } .Column_div { display: flex; flex-direction: column; text-align: left; margin-left: 20px; } .Row_Div { display: grid; grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); grid-gap: 15%; @media (max-width: 1000px) { grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); } } .FooterLink_a { color: white; margin-bottom: 0.2rem; font-size: medium; height: 2rem; text-decoration: none; cursor: pointer; &:hover { color: green; transition: 200ms ease-in; } } .Heading_p { font-size: medium; color: #81bc3a; margin-bottom: 0.5rem; font-weight: bold; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } } @media only screen and (min-width: 1200px) { .copyright { font-size: 0.7rem; } .Box_div { padding: 1rem 1rem; background: #104277; color: white !important; bottom: 0; width: 100%; //min-height: 20rem; @media (max-width: 601px) { padding: 2rem 30px; } } .Container_div { display: flex; flex-direction: column; justify-content: center; max-width: 1000px; margin: 0 auto; /* background: red; */ } .Column_div { display: flex; flex-direction: column; text-align: left; margin-left: 20px; } .Row_Div { display: grid; grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); grid-gap: 15%; @media (max-width: 1000px) { grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); } } .FooterLink_a { color: white; margin-bottom: 0.2rem; font-size: medium; height: 2rem; text-decoration: none; cursor: pointer; &:hover { color: green; transition: 200ms ease-in; } } .Heading_p { font-size: 0.9rem; color: #81bc3a; margin-bottom: 0.5rem; font-weight: bold; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } } }