/* Table of Contents
==================================================
    #Base 960 Grid    
    #Tablet (Portrait)
    #Mobile (Portrait) 
    #Mobile (Landscape)
    #Clearing */
.full-width {width:960px; height:auto; overflow:hidden}
#teaser.normal {width: 960px;}
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 79.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }
.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
    position: relative;
    margin-right: 4%;
    margin-bottom: 20px;
    float: left;
}
.last {margin-right:0 !important;}
.container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}
.span1,
.one.column,
.one.columns {
    width: 40px;
}
.two.columns {
    width: 100px;
}
.three.columns {
    width: 160px;
}
.four.columns {
    width: 220px;
}
.five.columns {
    width: 280px;
}
.six.columns {
    width: 340px;
}
.seven.columns {
    width: 400px;
}
.eight.columns {
    width: 460px;
}
.nine.columns {
    width: 520px;
}
.ten.columns {
    width: 580px;
}
.eleven.columns {
    width: 640px;
}
.twelve.columns {
    width: 700px;
}
.thirteen.columns {
    width: 760px;
}
.fourteen.columns {
    width: 820px;
}
.fifteen.columns {
    width: 880px;
}
.sixteen.columns {
    width: 940px;
}
.one-third.column {
    width: 300px;
}
.two-thirds.column {
    width: 620px;
}
.one-third.column.alpha,
.one-third.column.omega {
    width: 310px;
}
.two-thirds.column.alpha,
.two-thirds.column.omega {
    width: 630px;
}
.column, .columns {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}
.column.alpha, .columns.alpha {
    margin-left: 0;
}
.column.omega, .columns.omega {
    margin-right: 0;
}
.offset-by-half {
    padding-left: 30px;
}
.offset1, .offset-by-one {
    padding-left: 60px;
}
.offset2, .offset-by-two {
    padding-left: 120px;
}
.offset3, .offset-by-three {
    padding-left: 180px;
}
.offset4, .offset-by-four {
    padding-left: 240px;
}
.offset5, .offset-by-five {
    padding-left: 300px;
}
.offset6, .offset-by-six {
    padding-left: 360px;
}
.offset7, .offset-by-seven {
    padding-left: 420px;
}
.offset8, .offset-by-eight {
    padding-left: 480px;
}
.offset9, .offset-by-nine {
    padding-left: 540px;
}
.offset10, .offset-by-ten {
    padding-left: 600px;
}
.offset11, .offset-by-eleven {
    padding-left: 660px;
}
.offset12, .offset-by-twelve {
    padding-left: 720px;
}
.offset13, .offset-by-thirteen {
    padding-left: 780px;
}
.offset14, .offset-by-fourteen {
    padding-left: 840px;
}
.offset15, .offset-by-fifteen {
    padding-left: 900px;
}
@media only screen and (min-width: 1600px) {
    .full-width {width:1600px; height:auto; overflow:hidden}
    #teaser.normal {width: 1600px;}
    .container {
        position: relative;
        width: 1600px;
        margin: 0 auto;
        padding: 0;
    }
    .span1,
    .one.column,
    .one.columns {
        width: 80px;
    }
    .two.columns {
        width: 180px;
    }
    .three.columns {
        width: 280px;
    }
    .four.columns {
        width: 380px;
    }
    .five.columns {
        width: 480px;
    }
    .six.columns {
        width: 580px;
    }
    .seven.columns {
        width: 680px;
    }
    .eight.columns {
        width: 780px;
    }
    .nine.columns {
        width: 880px;
    }
    .ten.columns {
        width: 980px;
    }
    .eleven.columns {
        width: 1080px;
    }
    .twelve.columns {
        width: 1180px;
    }
    .thirteen.columns {
        width: 1280px;
    }
    .fourteen.columns {
        width: 1380px;
    }
    .fifteen.columns {
        width: 1480px;
    }
    .sixteen.columns {
        width: 1580px;
    }
    .one-third.column {
        width: 513.33333px;
    }
    .two-thirds.column {
        width: 1046.66667px;
    }
    .one-third.column.alpha,
    .one-third.column.omega {
        width: 523.33333px;
    }
    .two-thirds.column.alpha,
    .two-thirds.column.omega {
        width: 1056.66667px;
    }
    .column, .columns {
        float: left;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }
    .column.alpha, .columns.alpha {
        margin-left: 0;
    }
    .column.omega, .columns.omega {
        margin-right: 0;
    }
    .offset-by-half {
        padding-left: 50px;
    }
    .offset1, .offset-by-one {
        padding-left: 100px;
    }
    .offset2, .offset-by-two {
        padding-left: 200px;
    }
    .offset3, .offset-by-three {
        padding-left: 300px;
    }
    .offset4, .offset-by-four {
        padding-left: 400px;
    }
    .offset5, .offset-by-five {
        padding-left: 500px;
    }
    .offset6, .offset-by-six {
        padding-left: 600px;
    }
    .offset7, .offset-by-seven {
        padding-left: 700px;
    }
    .offset8, .offset-by-eight {
        padding-left: 800px;
    }
    .offset9, .offset-by-nine {
        padding-left: 900px;
    }
    .offset10, .offset-by-ten {
        padding-left: 1000px;
    }
    .offset11, .offset-by-eleven {
        padding-left: 1100px;
    }
    .offset12, .offset-by-twelve {
        padding-left: 1200px;
    }
    .offset13, .offset-by-thirteen {
        padding-left: 1300px;
    }
    .offset14, .offset-by-fourteen {
        padding-left: 1400px;
    }
    .offset15, .offset-by-fifteen {
        padding-left: 1500px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .full-width {width:100%; height:auto; overflow:hidden}
    #teaser.normal {width: 100%;}
    /* #Additional - Flexible Column Widths
================================================== */
 
        .container                                  { width: 100%; } /*whatever you want - can even be fixed if you prefer*/
        .container .column,
        .container .columns                         { margin-left: 0.78125%; margin-right: 0.78125%;  }
 
        .container .one.column,
        .container .one.columns                     { width: 4.6875%; }
        .container .two.columns                     { width: 10.9375%; }
        .container .three.columns                   { width: 17.1875%; }
        .container .four.columns                    { width: 23.4375%; }
        .container .five.columns                    { width: 29.6875%; }
        .container .six.columns                     { width: 35.9375%; }
        .container .seven.columns                   { width: 42.1875%; }
        .container .eight.columns                   { width: 48.4375%; }
        .container .nine.columns                    { width: 54.6875%; }
        .container .ten.columns                     { width: 60.9375%; }
        .container .eleven.columns                  { width: 67.1875%; }
        .container .twelve.columns                  { width: 73.4375%; }
        .container .thirteen.columns                { width: 79.6875%; }
        .container .fourteen.columns                { width: 85.9375%; }
        .container .fifteen.columns                 { width: 92.1875%; }
        .container .sixteen.columns                 { width: 98.4375%; }
 
        .container .one-third.column                { width: 31.7708%; }
        .container .two-thirds.column               { width: 65.1041%; }
 
        /* Offsets */
        .container .offset-by-one                   { padding-left: 6.25%; }
        .container .offset-by-two                   { padding-left: 12.5%; }
        .container .offset-by-three                 { padding-left: 18.75%; }
        .container .offset-by-four                  { padding-left: 25%; }
        .container .offset-by-five                  { padding-left: 31.25%; }
        .container .offset-by-six                   { padding-left: 37.5%; }
        .container .offset-by-seven                 { padding-left: 43.75%; }
        .container .offset-by-eight                 { padding-left: 50%; }
        .container .offset-by-nine                  { padding-left: 56.25%; }
        .container .offset-by-ten                   { padding-left: 62.5%; }
        .container .offset-by-eleven                { padding-left: 68.75%; }
        .container .offset-by-twelve                { padding-left: 75%; }
        .container .offset-by-thirteen              { padding-left: 81.25%; }
        .container .offset-by-fourteen              { padding-left: 87.5%; }
        .container .offset-by-fifteen               { padding-left: 93.75%; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
        .full-width {width:100%; height:auto; overflow:hidden}
    #teaser.normal {width: 100%;}
    /* #Additional - Flexible Column Widths
================================================== */
 
        .container                                  { width: 100%; } /*whatever you want - can even be fixed if you prefer*/
        .container .column,
        .container .columns                         { margin-left: 0.78125%; margin-right: 0.78125%;  }
 
        .container .one.column,
        .container .one.columns                     { width: 4.6875%; }
        .container .two.columns                     { width: 10.9375%; }
        .container .three.columns                   { width: 17.1875%; }
        .container .four.columns                    { width: 23.4375%; }
        .container .five.columns                    { width: 29.6875%; }
        .container .six.columns                     { width: 35.9375%; }
        .container .seven.columns                   { width: 42.1875%; }
        .container .eight.columns                   { width: 48.4375%; }
        .container .nine.columns                    { width: 54.6875%; }
        .container .ten.columns                     { width: 60.9375%; }
        .container .eleven.columns                  { width: 67.1875%; }
        .container .twelve.columns                  { width: 73.4375%; }
        .container .thirteen.columns                { width: 79.6875%; }
        .container .fourteen.columns                { width: 85.9375%; }
        .container .fifteen.columns                 { width: 92.1875%; }
        .container .sixteen.columns                 { width: 98.4375%; }
 
        .container .one-third.column                { width: 31.7708%; }
        .container .two-thirds.column               { width: 65.1041%; }
 
        /* Offsets */
        .container .offset-by-one                   { padding-left: 6.25%; }
        .container .offset-by-two                   { padding-left: 12.5%; }
        .container .offset-by-three                 { padding-left: 18.75%; }
        .container .offset-by-four                  { padding-left: 25%; }
        .container .offset-by-five                  { padding-left: 31.25%; }
        .container .offset-by-six                   { padding-left: 37.5%; }
        .container .offset-by-seven                 { padding-left: 43.75%; }
        .container .offset-by-eight                 { padding-left: 50%; }
        .container .offset-by-nine                  { padding-left: 56.25%; }
        .container .offset-by-ten                   { padding-left: 62.5%; }
        .container .offset-by-eleven                { padding-left: 68.75%; }
        .container .offset-by-twelve                { padding-left: 75%; }
        .container .offset-by-thirteen              { padding-left: 81.25%; }
        .container .offset-by-fourteen              { padding-left: 87.5%; }
        .container .offset-by-fifteen               { padding-left: 93.75%; }
}
@media only screen and (max-width: 767px) {
       .full-width {width:100%; height:auto; overflow:hidden}
    #teaser.normal {width: 100%;}
    /* #Additional - Flexible Column Widths
================================================== */
 
        .container                                  { width: 100%; } /*whatever you want - can even be fixed if you prefer*/
        .container .column,
        .container .columns                         { margin-left: 0.78125%; margin-right: 0.78125%;  }
 
        .container .one.column,
        .container .one.columns                     { width: 4.6875%; }
        .container .two.columns                     { width: 10.9375%; }
        .container .three.columns                   { width: 17.1875%; }
        .container .four.columns                    { width: 23.4375%; }
        .container .five.columns                    { width: 29.6875%; }
        .container .six.columns                     { width: 35.9375%; }
        .container .seven.columns                   { width: 42.1875%; }
        .container .eight.columns                   { width: 48.4375%; }
        .container .nine.columns                    { width: 54.6875%; }
        .container .ten.columns                     { width: 60.9375%; }
        .container .eleven.columns                  { width: 67.1875%; }
        .container .twelve.columns                  { width: 73.4375%; }
        .container .thirteen.columns                { width: 79.6875%; }
        .container .fourteen.columns                { width: 85.9375%; }
        .container .fifteen.columns                 { width: 92.1875%; }
        .container .sixteen.columns                 { width: 98.4375%; }
 
        .container .one-third.column                { width: 31.7708%; }
        .container .two-thirds.column               { width: 65.1041%; }
 
        /* Offsets */
        .container .offset-by-one                   { padding-left: 6.25%; }
        .container .offset-by-two                   { padding-left: 12.5%; }
        .container .offset-by-three                 { padding-left: 18.75%; }
        .container .offset-by-four                  { padding-left: 25%; }
        .container .offset-by-five                  { padding-left: 31.25%; }
        .container .offset-by-six                   { padding-left: 37.5%; }
        .container .offset-by-seven                 { padding-left: 43.75%; }
        .container .offset-by-eight                 { padding-left: 50%; }
        .container .offset-by-nine                  { padding-left: 56.25%; }
        .container .offset-by-ten                   { padding-left: 62.5%; }
        .container .offset-by-eleven                { padding-left: 68.75%; }
        .container .offset-by-twelve                { padding-left: 75%; }
        .container .offset-by-thirteen              { padding-left: 81.25%; }
        .container .offset-by-fourteen              { padding-left: 87.5%; }
        .container .offset-by-fifteen               { padding-left: 93.75%; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
        .full-width {width:100%; height:auto; overflow:hidden}
    #teaser.normal {width: 100%;}
    /* #Additional - Flexible Column Widths
================================================== */
 
        .container                                  { width: 100%; } /*whatever you want - can even be fixed if you prefer*/
        .container .column,
        .container .columns                         { margin-left: 0.78125%; margin-right: 0.78125%;  }
 
        .container .one.column,
        .container .one.columns                     { width: 4.6875%; }
        .container .two.columns                     { width: 10.9375%; }
        .container .three.columns                   { width: 17.1875%; }
        .container .four.columns                    { width: 23.4375%; }
        .container .five.columns                    { width: 29.6875%; }
        .container .six.columns                     { width: 35.9375%; }
        .container .seven.columns                   { width: 42.1875%; }
        .container .eight.columns                   { width: 48.4375%; }
        .container .nine.columns                    { width: 54.6875%; }
        .container .ten.columns                     { width: 60.9375%; }
        .container .eleven.columns                  { width: 67.1875%; }
        .container .twelve.columns                  { width: 73.4375%; }
        .container .thirteen.columns                { width: 79.6875%; }
        .container .fourteen.columns                { width: 85.9375%; }
        .container .fifteen.columns                 { width: 92.1875%; }
        .container .sixteen.columns                 { width: 98.4375%; }
 
        .container .one-third.column                { width: 31.7708%; }
        .container .two-thirds.column               { width: 65.1041%; }
 
        /* Offsets */
        .container .offset-by-one                   { padding-left: 6.25%; }
        .container .offset-by-two                   { padding-left: 12.5%; }
        .container .offset-by-three                 { padding-left: 18.75%; }
        .container .offset-by-four                  { padding-left: 25%; }
        .container .offset-by-five                  { padding-left: 31.25%; }
        .container .offset-by-six                   { padding-left: 37.5%; }
        .container .offset-by-seven                 { padding-left: 43.75%; }
        .container .offset-by-eight                 { padding-left: 50%; }
        .container .offset-by-nine                  { padding-left: 56.25%; }
        .container .offset-by-ten                   { padding-left: 62.5%; }
        .container .offset-by-eleven                { padding-left: 68.75%; }
        .container .offset-by-twelve                { padding-left: 75%; }
        .container .offset-by-thirteen              { padding-left: 81.25%; }
        .container .offset-by-fourteen              { padding-left: 87.5%; }
        .container .offset-by-fifteen               { padding-left: 93.75%; }
}
@media only screen and (max-width: 480px) {
        .full-width {width:100%; height:auto; overflow:hidden}
    #teaser.normal {width: 100%;}
    /* #Additional - Flexible Column Widths
================================================== */
 
        .container                                  { width: 100%; } /*whatever you want - can even be fixed if you prefer*/
        .container .column,
        .container .columns                         { margin-left: 0.78125%; margin-right: 0.78125%;  }
 
        .container .one.column,
        .container .one.columns                     { width: 4.6875%; }
        .container .two.columns                     { width: 10.9375%; }
        .container .three.columns                   { width: 17.1875%; }
        .container .four.columns                    { width: 23.4375%; }
        /*.container .five.columns                    { width: 29.6875%; }*/
        .container .five.columns                    { width: 100%; }
        .container .six.columns                     { width: 35.9375%; }
        .container .seven.columns                   { width: 42.1875%; }
        .container .eight.columns                   { width: 48.4375%; }
        .container .nine.columns                    { width: 54.6875%; }
        .container .ten.columns                     { width: 60.9375%; }
        /*.container .eleven.columns                  { width: 67.1875%; }*/
        .container .eleven.columns                  { width: 100%; }
        .container .twelve.columns                  { width: 73.4375%; }
        .container .thirteen.columns                { width: 79.6875%; }
        .container .fourteen.columns                { width: 85.9375%; }
        .container .fifteen.columns                 { width: 92.1875%; }
        .container .sixteen.columns                 { width: 98.4375%; }
 
        .container .one-third.column                { width: 31.7708%; }
        .container .two-thirds.column               { width: 65.1041%; }
 
        /* Offsets */
        .container .offset-by-one                   { padding-left: 6.25%; }
        .container .offset-by-two                   { padding-left: 12.5%; }
        .container .offset-by-three                 { padding-left: 18.75%; }
        .container .offset-by-four                  { padding-left: 25%; }
        .container .offset-by-five                  { padding-left: 31.25%; }
        .container .offset-by-six                   { padding-left: 37.5%; }
        .container .offset-by-seven                 { padding-left: 43.75%; }
        .container .offset-by-eight                 { padding-left: 50%; }
        .container .offset-by-nine                  { padding-left: 56.25%; }
        .container .offset-by-ten                   { padding-left: 62.5%; }
        .container .offset-by-eleven                { padding-left: 68.75%; }
        .container .offset-by-twelve                { padding-left: 75%; }
        .container .offset-by-thirteen              { padding-left: 81.25%; }
        .container .offset-by-fourteen              { padding-left: 87.5%; }
        .container .offset-by-fifteen               { padding-left: 93.75%; }
}
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after,
.clearfix:after {
    clear: both;
}
.row,
.clearfix {
    zoom: 1;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
.row:after,
.clearfix:after {
    clear: both; }
.row,
.clearfix {
    zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}