Template:Vilnius-Lithuania/CSS/footer

1. footerWrapper {

width: 100%; border-top: solid 25px #6281ef; font-family: Lato, sans-serif; text-transform: uppercase }

1. upperFooter {

height: 200px; background-color: #fafafc; display: flex; }

1. upperFooter #contacts {

width: 40%; }

1. upperFooter #contacts #contactsWrapper {

width: fit-content; display: flex; align-items: center; margin: 0 auto; height: 100%; }

1. upperFooter #contacts #image-placeholder {

background-color: #fcbd1b; height: 100px; width: 100px; border-radius: 100px; margin-right: 30px; }

1. upperFooter #contacts #image-placeholder img{

height:100% }

1. upperFooter #contacts #igem-info {

display: flex; height: 70%; font-size: 0.8em; padding-left: 30px; border-left: solid 2px #121212; }

1. upperFooter #contacts p {

font-size: 0.9em; text-transform: initial; font-family: Lato, sans-serif; }

1. upperFooter #contacts #igem-info #contactus {

padding-right: 20px }

1. upperFooter #contacts #igem-info div {

padding-top: 10px }

1. upperFooter #sponsors {

width: 60%; height: 100%; display: flex; align-items: center; box-sizing: border-box; padding-left: 40px; padding-right: 40px }

1. upperFooter #sponsors #mainSponsors {

width: 35%; height: 100%; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 10px 10px; }

.mainS { box-sizing: border-box; margin: 0 auto; padding: 5px; }

1. upperFooter #sponsors #otherSponsors {

width: 65%; height: 65%; margin-left: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px 10px; }

1. lowerFooter {

background-color: #121212; color: #fafafc; display: flex; padding-bottom: 30px; height: 250px; box-sizing: border-box }

1. lowerFooter ul {

list-style: none; padding-inline-start: 0; margin: 0; }

1. lowerFooter h2 {

padding-bottom: 20px }

1. lowerFooter div {

padding: 40px; font-size: smaller }

1. footerWrapper #lowerFooter a {

text-decoration: none; transition-duration: 0.2s; color: #fafafc; text-transform: capitalize; font-weight: 100; line-height: 2em }

1. footerWrapper #lowerFooter a:active,
2. footerWrapper #lowerFooter a:focus,
3. footerWrapper #lowerFooter a:visited {

color: #fafafc }

1. footerWrapper #lowerFooter a:hover {

color: rgba(255, 255, 255, 0.4); text-decoration: none }

1. projectList {

/* display:grid; */ columns: 2 }

1. otherSponsors img,
2. mainSponsors img {

width: 100% }