body { padding-top: 60px; padding-bottom: 20px; } .navbar .nav > li > a { color: #ccc; } .nav i { opacity: 0.5; } .nav a:hover i { opacity: 1; } .tooltip-inner { max-width: 500px; } .alert a { font-weight: bold; text-decoration: underline; } .alert p { margin: 0; } .hero-unit { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); margin-bottom: 60px; } .hero-unit, .thumbnail { background-color: #e3e3e3; } .hero-unit h1, .hero-unit p { text-align: center; margin-bottom: 15px; } #social { margin-top: 45px; } .twitter-follow-button { width: 160px !important; } .rss { width: 40px; height: 14px; font-size: 11px; line-height: 14px; font-weight: bold; margin: 0; padding: 2px 5px 2px 4px; } .icon-rss { background: url(../img/rss-icons.png) no-repeat 0 0; opacity: .65; width: 16px; } .icon-envelope { opacity: .65; } .about { margin-top: 20px; } .about h3 { margin: 0 0 5px 35px; } .about img { float: left; opacity: 0.8; } #gallery { margin: 45px 0 30px 0; padding-right: 20px; text-align: center; } .thumbnail { max-width: 370px; } .thumbnail img { max-height: 250px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .thumbnail .label { vertical-align: top; } .thumbnail .btn-toolbar { text-align: right; } .thumbnail .btn-group { margin-top: 10px; } /* Landscape phones and down */ @media (max-width: 480px) { body { padding-top: 0px; } .hero-unit { padding-bottom: 100px; } .about { margin-top: -10px; } .about h3 { margin-top: 20px; } .span4 { width: 95%; } } /* Landscape phone to portrait tablet */ @media (max-width: 768px) { body { padding-top: 0px; } .hero-unit { padding-bottom: 80px; } .about { margin-top: -10px; } .about h3 { margin-top: 20px; } .span4 { width: 95%; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 980px) { body { padding-top: 0px; } } /* Large desktop */ @media (min-width: 1200px) { }