h2 {
    font-size: 32px;
    font-weight: 300;}

.breadcrumb {
    margin-bottom: 3px;
    color: #FFFFFF;
    background-color: transparent;}

.breadcrumb a, .breadcrumb a:focus, .breadcrumb a:active {
    color: #FFFFFF !important;
    text-decoration: none;}

section {
    padding: 18px 10px;}

.text-light {color: #ffffff !important;}

#port .nav > li {
    position: relative;
    display: block;
    border: 1px solid #eaeaea;
    padding-top: 7px;}

#port .nav > li:hover {
    background-color: #eaeaea;}

section .nav-pills > li > a:hover, section .nav-pills > li > a:focus, section .nav-pills > li.active > a, section .nav-pills > li.active > a:hover, section .nav-pills > li.active > a:focus {
    background-color: transparent !important;}

#home {
    color:#FFFFFF;}

#home h1 {
    font-size: 40px;
    color:#FFFFFF;}

#tagline {
    color: #ffffff;
    margin: 0px;
    padding: 10px;}

#about p {font-size: 16px;}

#about .dp-image {
    text-align: center;
    padding: 10px;
    border: 1px dotted #cccccc;}

#about .dp-image>img {
    width: auto;
    max-width: 90%;}

#socialarea i {
    color: #ffffff;
    font-size: 27px;
    padding: 10px;}

#contact {
    color: #ffffff;}

#contact span {
    padding: 0px 12px;
    display: inline-block;}

#contact a {
    color: #ffffff;}

img.mfp-img {
    padding: 0px;
    border: 12px solid #FFFFFF;}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: 8px;}