/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

@media (min-width: 767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
        transition: background .5s ease-in-out, padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

h1 {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    h1 {
        margin-bottom: 10px;
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) {
    h1 {
        margin-bottom: 30px;
        font-size: 50px;
    }
}

@media only screen and (min-width: 992px) {
    h1 {
        margin-bottom: 50px;
        font-size: 70px;
    }
}

/*
 * Intro Section <--------------------------------------------------
 */

.intro-section {
    height: 100%;
    text-align: center;
    background: #fff;

    background-image: url("../img/dirty-industry-stack-factory.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.intro-section h1 {
    color: #ffffff;
    font-weight: bolder;
    text-shadow: 2px 2px #000000;
}

@media only screen and (max-width: 768px) {
    .intro-section {
        padding-top: 65px;
    }
}

@media only screen and (min-width: 768px) {
    .intro-section {
        padding-top: 110px;
    }
}

@media only screen and (min-width: 992px) {
    .intro-section {
        padding-top: 150px;
    }
}

/*
 * About Section <--------------------------------------------------
 */

.about-section {
    padding-top: 50px;
}

.about-section h1 {
    padding-bottom: 50px;
}

/*
 * Features Section <--------------------------------------------------
 */

.features-section {
    width: 100%;
    min-height: 100%;
    padding-top: 50px;

    background-image: url("../img/dirty-industry-stack-factory-2.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

.features-section h1 {
    color: #ffffff;
    font-weight: bolder;
    text-shadow: 2px 2px #000000;
}

.features-section figcaption {
    color: #ffffff;
    font-weight: bolder;
    text-shadow: 1px 1px #000000;
}

    /*
     * Distinctive Feature Section <--------------------------------------------------
     */

.distinctive-feature-section {
    width: 100%;
    min-height: 100%;
    padding-top: 50px;
    background: #fff;
}

/*
 * Contact Section <--------------------------------------------------
 */

.contact-section {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background: #eee;
    height: 100%;
}

.contact-section .btn {
    font-size: xx-large;
}