body { padding-bottom: 20px; } .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 { margin-top: 60px; margin-bottom: 60px; } .hero-unit h1, .hero-unit p { text-align: center; margin-bottom: 15px; } #social { margin-top: 45px; } .twitter-follow-button { width: 160px !important; } .rss-button { 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.6; } #gallery { margin: 45px 0 30px 0; padding-right: 20px; text-align: center; } .thumbnail { margin-bottom: 20px; background-color: #eee; } .thumbnail img { width: 100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .thumbnail .label { vertical-align: top; } .thumbnail .btn-toolbar { text-align: right; } .modal .label { vertical-align: text-top; } /* Landscape phones and down */ @media (max-width: 480px) { .hero-unit { padding: 40px 20px 10px; margin: 0 0 20px; } .hero-unit h1 { font-size: 36px; } .hero-unit p { font-size: 13px; line-height: 20px; } #social { margin-top: 0px; margin-bottom: 40px; } .about { margin-top: -10px; } .about h3 { margin-top: 20px; } } /* Landscape phone to portrait tablet */ @media (min-width: 481px) and (max-width: 767px) { .hero-unit { margin-top: 0; padding-bottom: 60px; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 980px) { .hero-unit { margin-top: 0; } .thumbnail .btn { font-size: 11px; } } /* Large desktop */ @media (min-width: 1200px) { }