footer { padding: 20px; background: #e9f6fd; background: -moz-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%); background: -webkit-linear-gradient(top, #e9f6fd 0%, #d3eefb 100%); background: linear-gradient(to bottom, #e9f6fd 0%, #d3eefb 100%); border-top: 1px solid #ddd; text-align: center; } footer .copyright { display: inline-block; text-align: center; font-size: 90%; vertical-align: top; margin-top: 35px; padding: 15px; margin-left: 5vw; } footer .squeebot { width: 200px; } footer .logo { font-family: "Open Sans"; font-weight: bold; text-transform: uppercase; text-shadow: 2px 2px 1px #007104; color: #00b300; letter-spacing: 5px; user-select: none; font-size: 30px; text-align: inherit; cursor: pointer; display: inline-block; } footer .logo .part1, footer .logo .part2 { display: inline-block; } footer .logo .part1 { color: #03a9f4; text-shadow: 2px 2px 1px #0059a0; margin-right: 5px; } footer .socialbtn { width: 28px; height: 28px; display: inline-block; line-height: 28px; color: #fff; font-size: 160%; border-radius: 100px; padding: 2px; margin: 5px; } footer .socialbtn#github { background-color: #000; } footer .socialbtn#twitter { background-color: #03a9f4; } footer .socialbtn#discord { background-color: #2c2f33; } footer .socialbtn#discord .discordlogo { position: relative; top: 3px; background: url("https://icynet.eu/static/image/Discord-Logo-White.svg"); width: 22px; height: 22px; display: inline-block; } footer .socialbtn i { position: relative; right: 1px; } footer span.divider { color: #ddd; margin: 0 5px; cursor: default; } @media all and (max-width: 800px) { footer .squeebot { margin: 0; width: 150px; margin: auto; display: block; } footer .copyright { margin-left: 0; } }