/* REMOVE THIS, USE YOUR OWN *//* STYLES SPECIFIC TO FOOTER */ .footer { width: 100%; /*position: relative;*/ height: auto; background-color: #4d4d4d; margin:0px; } .footer .col { width: 20%; height: auto; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 20px 20px 20px; } .footer .col h1 { text-shadow: none; line-height: 1.5; font-weight: bold; font-style: normal; text-decoration: none; text-align: left; letter-spacing: normal; word-spacing: normal; text-transform: none; margin: 0; padding: 0;font-size: 17px; padding: 20px 0px 5px 0px; color: #fff; font-weight: bold; text-transform: uppercase;}.footer .col h1 a { text-shadow: none; line-height: 1.5; font-weight: bold; font-style: normal; text-decoration: none; text-align: left; letter-spacing: normal; word-spacing: normal; text-transform: none; margin: 0; padding: 0;font-size: 17px; padding: 20px 0px 5px 0px; color: #fff; font-weight: bold; text-transform: uppercase;} .footer .col ul { list-style-type: none; margin: 0; padding: 0; } .footer .col ul li { color: #ffffff;text-shadow: none; line-height: 1.6; font-weight: 300; font-style: normal; text-decoration: none; text-align: left; letter-spacing: normal; word-spacing: normal; text-transform: none; font-size: 17px; /*padding: 5px 0px 5px 0px; cursor: pointer; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;*/ }.footer .col ul li a { color: #ffffff;text-shadow: none; line-height: 1.6; font-weight: 300; font-style: normal; text-decoration: none; text-align: left; letter-spacing: normal; word-spacing: normal; text-transform: none; font-size: 17px; /*padding: 5px 0px 5px 0px; cursor: pointer; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;*/ }.footer .col ul li:hover { color: #ffffff; transition: .1s; -webkit-transition: .1s; -moz-transition: .1s; } .clearfix { clear: both; } @media only screen and (min-width: 1280px) { .contain { width: 1200px; margin: 0 auto; } } @media only screen and (max-width: 1139px) { .contain .social { width: 1000px; display: block; } .social h1 { margin: 0px; } } @media only screen and (max-width: 950px) { .footer .col { width: 33%; } .footer .col h1 { font-size: 17px; } .footer .col ul li { font-size: 17px; } } @media only screen and (max-width: 500px) { .footer .col { width: 50%; } .footer .col h1 { font-size: 17px; } .footer .col ul li { font-size: 17px; } } @media only screen and (max-width: 340px) { .footer .col { width: 100%; } }