@maincolor: #fae222; @headlines: #fae222; html { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color:#000000; } h1, h2, h3, h4, h5, h6 { color: @headlines; } h1 {font-size:24px;} h2 {font-size:20px;} h3 {font-size:18px;} h4 {font-size:16px;} img {max-width:100%;} .navbar, header, section { border-bottom: 3px solid @maincolor; } li { list-style-type: square; } .maxImg{ max-width: 372px; padding: 10px; display: inline; } .navbar-brand , .navbar img { height: inherit; max-width:100%; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background-color: #ffffff; color: #000000; } .navbar-default .navbar-nav > li > a { color: #000000; } .navbar { margin-bottom:0; } section { padding: 25px 0; } .colored { background: #738188 none repeat scroll 0 0; color: #ffffff; } header { background-image: url("../img/bg_header.jpg"); background-size: cover; padding: 1% 0 0% 0; } .carousel-inner>.item:after { content: url('../img/shadow.png'); width: 100%; text-align: center; display: inline-block; } footer.text-center { min-height: 50px; padding: 10px 0; } @media (min-width: 768px) { .nav>li>a>img { clear: both; display: block; margin: 0 auto; position: relative; } .navbar-nav { margin-top: 35px; } } @media (max-width: 767px) { .nav>li>a>img { margin-right:10px; } } @media (max-width: 1199px) { .col-lg-4 { display:none; } } @media (min-width: 1200px) { #contact_info { display:none; } } @media (min-width: 768px) and (max-width: 992px) { .navbar-brand, .navbar img { height: inherit; max-width: 200px; } }