.page-header {
    background: url('images/hero-banner.jpg') no-repeat center;
    background-size: cover;
}

.navbar {
    z-index: 99999;
}

.page-header-inner {
    min-height: 460px;
}

.hero-banner-caption h1 {
    font-size: 3.25rem;
    letter-spacing: 0.3125rem;
}

.hero-banner-caption .lead {
    letter-spacing: 0.0625rem;
}

.skills-section {
    background: url('images/skills-section-bg.jpg') no-repeat center;
    background-size: cover;
}

.nav-pills .nav-link.active,
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
    background-color: #2c3e50;
    box-shadow: 0 12px 35px -10px rgba(44,62,80,.55), 0 8px 10px -5px rgba(0,0,0,.09), 0 4px 25px -2px rgba(0,0,0,.14);
}

.testimonial-section {
    background: url('images/testimonial-section-bg.jpg') no-repeat center;
    background-size: cover;
}

.footer-widget-social a:hover {
    color: #fff !important;
}

.footer-widget-subscribe .input-focus-bg {
    border-color: rgba(255,255,255,.25);
}

@media (min-width: 768px) {
    .page-header-inner {
        min-height: 520px;
    }
    .hero-banner-caption h1 {
        font-size: 5.875rem;
        letter-spacing: 0.625rem;
    }
    .hero-banner-caption .lead {
        font-size: 1.625rem;
        letter-spacing: 0.5625rem;
    }
}

@media (min-width: 992px) {
    .navbar {
        background-color: transparent !important;
    }
    .hero-banner-caption h1 {
        font-size: 8.625rem;
        letter-spacing: 1.25rem;
    }
    .hero-banner-caption .lead {
        font-size: 2rem;
        letter-spacing: 1.1875rem;
    }
}

@media (min-width: 1200px) {
    .page-header-inner {
        min-height: 700px;
    }
    .hero-banner-caption h1 {
        font-size: 10rem;
        letter-spacing: 1.5rem;
    }
    .hero-banner-caption .lead {
        letter-spacing: 1.625rem;
    }
}