html {
    /*background-image: url('../img/intro/wittenberg-bg-min.jpg');
    background-repeat: no-repeat;    
    background-size:cover;*/
    background-color: #f1f1f1;
}

body {
    text-align: center;
    color: #8a8989;
    font: 14px/20px Roboto Condensed, Tahoma, Helvetica, Arial, Verdana;
    font-weight: 300;
}

#container {
    width: 70%;
    margin: 1% auto;
}

img.intro {
    width: 100%;
}
/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

    .col:first-child {
        margin-left: 0;
    }

/*  GROUPING  */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 */
}
/*  GRID OF THREE  */
.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.13%;
}

.span_1_of_3 {
    width: 32.26%;
}

.home-nav {
    width: 60%;
    display: inline-block;
    transition: 0.5s all;
}

    .home-nav:hover {
        /*box-shadow: 0px 0px 30px 1px rgba(255, 255, 255, 0.78);*/
        transform: scale(1.04) translateY(-5px);
        z-index: 1;
        border-bottom: 0 none;
    }
.dark-2-title {
    font-size: 30px;
    font-family: 'Roboto Condensed';
    /*color: #2e2e2e;*/
    line-height: 36px;
    text-transform: uppercase;
    font-weight: 400;
}

.banner-future {
    background: url('../img/banner-future.jpg');
    background-size: cover;
    margin-top: 30px;
    padding-top: 60px;    
    padding-bottom: 97px;
}

.page-text p {
    padding-bottom: 30px;
    text-align: justify;
}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }

    .span_3_of_3, .span_2_of_3, .span_1_of_3 {
        width: 100%;
    }
}