body{ font-family: poppins; min-height: 100%; } /*navigation bar css*/ .navbar { min-height: 0px; background-color: #111111 !important; } .nav-item{ padding-right: 20px; } .navbar-brand { padding: 0 15px; height: 80px; line-height: 80px; } .navbar-toggler { /* (80px - button height 34px) / 2 = 23px */ margin-top: 10px; padding: 9px 10px !important; } @media (min-width: 768px) { .navbar-nav > li > a { /* (80px - line-height of 27px) / 2 = 26.5px */ padding-top: 26.5px; padding-bottom: 26.5px; line-height: 25px; } } /*footer css*/ footer p{ color:#999; line-height: 25px; font-size: 15px; } footer h2, h3{ color: #fff; } footer h2{ font-size: 18px; } .footer-top{ background:#111; padding: 80px 0 ; } .segment-one h3{ font-family: Courgette; color: #fff; letter-spacing: 1px; } .segment-two h2{ font-family: Poppins; color: #fff; text-transform: uppercase; } .segment-two h2:before{ content: '|'; color: #c65039; padding-right: 10px; } .segment-two ul{ margin: 0; padding: 0; list-style: none; } .segment-two ul li{ border-bottom: 1px solid rgba(255,255,255,0.3); line-height: 40px; } .segment-two ul li a{ color: #999; text-decoration: none; } .segment-three h2{ color: #fff; font-family: Poppins; text-transform: uppercase; } .segment-three h2:before{ content: '|'; color: #c65039; padding-right: 10px; } .segment-three a{ background: #494848; width: 40px; height: 40px; display: inline-block; border-radius: 50%; } .segment-three a i{ font-size: 20px; color: #fff; padding: 10px 12px; } .footer-bottom-text{ text-align: center; background: #000; line-height: 50px; margin-bottom: -15px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .md-mb-30{ margin-bottom: 20px; } } @media only screen and (max-width: 767px){ .sm-mb-30{ margin-bottom: 20px; } .footer-top{ padding: 80px 0; } }