.paddedList li {
           padding-bottom: 10px;
       }

       .spriteDEV {
           background-image: url(../img/developWTnew.png);
           background-repeat: no-repeat;
           display: block;
           background-size: cover;
           -webkit-background-size: cover;
           -moz-background-size: cover;
           -o-background-size: cover;
           -webkit-backface-visibility: hidden;
           margin: auto;
       }

       .sprite-dev {
           width: 125px;
           height: 125px;
           /*    background-position: -10px -10px;*/
           -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.40));
           filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.40));
           -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20,  OffY=-12, Color='#444')";
           filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=-12, Color='#444')";
       }


       .spriteAGILE {
           background-image: url(../img/agileWTnew.png);
           background-repeat: no-repeat;
           display: block;
           /*    width: 182px;
    height: 162px;*/
           background-size: cover;

           -webkit-background-size: cover;
           -moz-background-size: cover;
           -o-background-size: cover;
           -webkit-backface-visibility: hidden;
           margin: auto;
       }

       .sprite-agile {
           width: 125px;
           height: 125px;
           background-position: -5px -5px;
           /*        background-position: -5px -5px;*/
           -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.40));
           filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.40));
           -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20,  OffY=-12, Color='#444')";
           filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=-12, Color='#444')";
       }

       .spriteCONSULT {
           background-image: url(../img/consultingWTnew.png);
           background-repeat: no-repeat;
           display: block;
           background-size: cover;
           -webkit-background-size: cover;
           -moz-background-size: cover;
           -o-background-size: cover;
           -webkit-backface-visibility: hidden;
           margin: auto;
       }

       .sprite-consult {
           width: 125px;
           height: 125px;
           /*        background-position: -5px -5px;*/
           -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.40));
           filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.40));
           -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20,  OffY=-12, Color='#444')";
           filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=-12, Color='#444')";
       }



       .navbar-nav>li {
           float: left;
           background-color: #6699ff;
           opacity: 0.8;
           filter: alpha(opacity=80);
           /* For IE8 and earlier*/
           width: 110px;
       }
       /*BOOTSTRAP MIN OVERIDE FOR DROPDOWN FONT SPEC*/

       .navbar-inverse .navbar-nav>.active>a {
           color: #FFFFFF;
           font-size: 16px;
           color: #ffffff;
       }

       .navbar-inverse .navbar-nav>li>a {
           color: #FFFFFF;
           font-size: 14px;
           color: #ffffff;
       }

       .navbar-inverse .navbar-nav>li>a:hover {
           font-size: 16px;
           color: #ffffff;
           background-color: transparent;
           font-weight: bold;
       }

       .navbar ul.nav>li.open>a {
           text-decoration-line: none !important;
           background-color: transparent !important;
           font-weight: bold;
       }

       .navbar ul.nav>li>a {
           text-transform: uppercase;
           border-top: solid 5px transparent;
       }

       .navbar ul.nav>li>a:hover {}
       /*NESTED DIV -------------------------------------*/

       .holder {
           width: 575px;
           position: absolute;
           bottom: 0;
           overflow: hidden;

           margin: 0px 20px 47px -204px;
           left: 50%;
       }

       .cellContainer {
           position: relative;
           top: 0;
           left: 0;
           margin: 0 2%;
           padding: 0px;
           background-color: #fff;
           border: solid 2px black;
       }

       .cellTop {
           position: absolute;
           top: 0px;
           right: 0px;
           width: 20%;
           padding: 3px;
           margin: 2px;
           border: solid 1px blue;
           background-color: lightgreen;
       }

       .cellBottom {
           position: absolute;
           bottom: 0px;
       }

       .cellContent {
           margin-right: 22%;
       }

       .cellCenterBottom {

           position: absolute;
           bottom: 0px;
           right: 0px;
           width: 20%;
           padding: 3px;
           margin: 2px;
           border: solid 1px green;
           background-color: #f0f0f0;
           float: left;
           min-width: 45%;
       }

       .promolineLand {
           margin-right: -2px;
           font-size: 14px;
           font-family: 'Josefin Sans', sans-serif;
           font-weight: 400;
           color: #999999;
       }

       .floatRight {
           float: right;
           width: 20%;
           padding: .5%;
           margin: 0;
           border: solid 1px blue;
           background-color: skyblue;
       }

       .floatLeft {

           float: left;
           text-align: left;
           width: 210px;
           height: 45px;
           padding-bottom: 10px;
           margin: 0;
           /* border:solid 1px blue;*/
           background-color: transparent;
       }

       .centerColBox {
           padding: 0 .5em;
           overflow: hidden;
       }

       .fixedWidth {
           width: 32%;
           background-color: pink;
       }

       .containernav {
           height: 170px;
       }

       #planning {
           width: 100%;
           margin-top: 120px;
           margin-bottom: -60px;
       }

       #executing {
           /*width: 100%;*/
           margin-top: -85px;
           margin-bottom: -50px;
       }

       #delivering {
           margin-top: -85px;
           margin-bottom: -60px;
       }

       #services {
           margin-top: -85px;
           margin-bottom: -60px;
       }

       #contact {
           margin-top: -85px;
           margin-bottom: -50px;
       }
       /*======HERO SCALE=======*/

       div.column {
           /* The background image must be 800px wide */
           /*max-width: 800px;*/
           max-width: 3000px;
           margin-bottom: 50px;
           margin-top: 155px;
       }
       /*MEDIA QUERIES ===
=================================================================================*/

       @media screen and (max-width: 3000px) {


           figure.fixedratio {
               padding-top: 30%;
               background-image: url("../img/planning.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio2 {
               padding-top: 30%;
               background-image: url("../img/executing.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio3 {
               padding-top: 30%;
               background-image: url("../img/delivering.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio4 {
               padding-top: 30%;
               background-image: url("../img/services.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio5 {
               padding-top: 30%;
               background-image: url("../img/contact.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           .navbar {
               font-family: 'Source Sans Pro', sans-serif;
               min-height: 80px;
               margin-bottom: 30px;
               border-bottom: 1px solid transparent;
               height: 115px;
           }

           .navbar-nav {

               float: right!important;
               text-align: center;
               margin-top: -60px;
               margin-right: 85px;
               width: 30px;
           }


           .navbar-header {
               float: none;
               height: 100%;
               background: url("../img/Mariposa-HeaderTESTv1.png") center center no-repeat;
               /*  background-repeat: no-repeat;*/
               /*  background-position: fixed;*/
               background-position: top center;
               background-size: 700px, 150px;


               margin-top: 0px;

               -webkit-background-size: 700px, 150px;


               -webkit-filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.80));
               filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.80));
               -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20,  OffY=-12, Color='#444')";
               filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=-12, Color='#444')";
           }


           div.column {
               max-width: 3000px;
               margin-bottom: 50px;
               margin-top: 100px;
           }


           .navbar-left,
           .navbar-right {
               float: none !important;
           }

           .navbar-toggle {
               display: block;
           }

           .navbar-fixed-top {
               top: 0;
               border-width: 0 0 1px;
           }

           .navbar-collapse.collapse {
               display: none!important;
           }

           .navbar-nav {

               float: right!important;
               text-align: center;
               margin-top: -40px;
               margin-right: 85px;
               width: 30px;
           }

           .navbar-nav>li {
               float: left;
               background-color: #6699ff;
               opacity: 0.8;
               filter: alpha(80);
               /* For IE8 and earlier*/
               width: 110px;
           }



           .navbar-nav>li>a {
               padding-top: 3px;
               padding-bottom: 6px;
           }

           .collapse.in {
               display: block !important;
           }

           .text-parallaxHeader {
               padding-top: 0px;
           }

           .text-parallax {
               padding-top: 150px;
           }

           .text-parallaxFooter {
               padding-top: 300px;
           }

           .text-parallax3 {
               padding-top: 50px;
           }

           .floatLeft {
               float: left;
               text-align: left;
               width: 150px;
               height: 47px;
               padding-bottom: 10px;
               margin: 0 0 0 3px;
               background-color: transparent;
           }

           .floatRight {
               float: right;
               width: 20%;
               padding: .5%;
               margin: 0;
               border: solid 1px blue;
               background-color: skyblue;
           }

           .floatLeftcenter {
               width: 250px;
               height: 15px;
               padding-bottom: 0px;
               margin: auto;
               background-color: transparent;
           }



           .promoline {
               font-size: 14px;
               font-family: 'Josefin Sans', sans-serif;
               font-weight: 400;
               color: #999999;
           }
       }
       /*==============================    940px   ======================================*/

       @media screen and (max-width: 940px) {

           figure.fixedratio {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/planning.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio2 {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/executing.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio3 {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/delivering.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio4 {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/services.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio5 {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/contact.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }


           .navbar {
               font-family: 'Source Sans Pro', sans-serif;
               min-height: 80px;
               margin-bottom: 30px;
               border-bottom: 1px solid transparent;
               height: 113px;
           }



           .navbar-nav {

               float: right!important;
               text-align: center;
               margin-top: -6px;
               margin-right: 85px;
               width: 30px;
           }

           .navbar-nav>li {
               float: left;
               background-color: #6699ff;
               opacity: 0.8;
               filter: alpha(opacity=80);
               /* For IE8 and earlier*/
               width: 110px;
           }

       }
       /*===============================   820px  ====================================*/

       @media screen and (max-width: 820px) {

           figure.fixedratio {
               padding-top: 30%;
               height: 300px;
               background-image: url("../img/planning.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio2 {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/executing.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio3 {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/delivering.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio4 {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/services.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio5 {
               padding-top: 30%;
               height: 300px;
               /*start height*/
               background-image: url("../img/contact.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           .navbar {
               font-family: 'Source Sans Pro', sans-serif;
               min-height: 80px;
               margin-bottom: 30px;
               border-bottom: 1px solid transparent;
               height: 113px;
           }


   
           .example-8 .navbar-brand>img {
               height: 100%;
               width: 100%;
               padding: 7px 14px;
           }


           .navbar-nav>li {
               float: left;
               background-color: #6699ff;
               opacity: 0.8;
               filter: alpha(opacity=80);
               /* For IE8 and earlier*/
               width: 110px;
           }
       }
       /*==============================    768px   ======================================*/

       @media screen and (max-width: 768px) {

           figure .fixedratio {
               padding-top: 30%;
               height: 280px;
               /* start height */
               background-image: url("../img/planning.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio2 {
               padding-top: 30%;
               height: 280px;
               /* start height */
               background-image: url("../img/executing.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio3 {
               padding-top: 30%;
               height: 280px;
               /* start height */
               background-image: url("../img/delivering.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio4 {
               padding-top: 30%;
               height: 280px;
               /* start height */
               background-image: url("../img/services.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio5 {
               padding-top: 30%;
               height: 280px;
               /* start height */
               background-image: url("../img/contact.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           .navbar-nav {

               float: right!important;
               text-align: center;
               margin-top: -6px;
               margin-right: 85px;
               width: 30px;
           }

           .navbar-nav>li {
               float: left;
               background-color: #6699ff;
               opacity: 0.8;
               filter: alpha(opacity=80);
               /* For IE8 and earlier*/
               width: 110px;
           }


           .navbar-inverse .navbar-collapse,
           .navbar-inverse .navbar-form {
               border-width: 0px;
               border-color: #101010;
           }
       }
       /*===============================   640px  ====================================*/

       @media screen and (max-width: 660px) {

           #planning {
               width: 100%;
               margin-top: 100px;
           }

           figure.fixedratio {
               padding-top: 75px;
               background-image: url("../img/planning.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio2 {
               padding-top: 30%;
               height: 240px;
               /* start height */
               background-image: url("../img/executing.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio3 {
               padding-top: 30%;
               height: 240px;
               /* start height */
               background-image: url("../img/delivering.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio4 {
               padding-top: 30%;
               height: 240px;
               /* start height */
               background-image: url("../img/services.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio5 {
               padding-top: 30%;
               height: 240px;
               /* start height */
               background-image: url("../img/contact.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }


.titleBEIGE {
    font-size: 24px;
}

.titleBEIGE2 {
    font-size: 28px;
}

.titleBEIGE3 {
    font-size: 20px;
}


.section h2.titleGRAY {
  font-size: 24px;
}

.section h2.titleBLUE {
  font-size: 24px;
}

.section h2.titleGREEN {
  font-size: 24px;
}


.section h2.titleWHITE {
  font-size: 24px;
}



           .navbar {
               font-family: 'Source Sans Pro', sans-serif;
               min-height: 80px;
               margin-bottom: 0px;
               border-bottom: 1px solid transparent;
               height: 95px;

               /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+79,020202+81,131313+100&0.75+0,0.83+80,0.74+100;Mariposa+3 */
               background: -moz-linear-gradient(top, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 79%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 1) 81%, rgba(19, 19, 19, 1) 100%);
               /* FF3.6-15 */
               background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 79%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 1) 81%, rgba(19, 19, 19, 1) 100%);
               /* Chrome10-25,Safari5.1-6 */
               background: linear-gradient(to bottom, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 79%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 1) 81%, rgba(19, 19, 19, 1) 100%);
               /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf212121', endColorstr='#bd131313', GradientType=0);
               /* IE6-9 */
           }
           .navbar-nav {

               float: right!important;
               text-align: center;
               margin-top: 0px;
               margin-right: 85px;
               width: 30px;
           }

           .navbar-header {
               float: none;
               height: 75%;
               background: url("../img/Mariposa-HeaderMed.png") center center no-repeat;
               background-repeat: no-repeat;
               background-position: top center;
               background-size: 520px, 110px;
               margin-top: 0px;
               -webkit-background-size: 520px, 110px;
               -webkit-filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.80));
               filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.80));
               -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20,  OffY=-12, Color='#444')";
               filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=-12, Color='#444')";
           }


           .navbar-nav>li {
               float: left;
               background-color: #6699ff;
               opacity: 0.8;
               filter: alpha(opacity=80);
               /* For IE8 and earlier*/
               width: 110px;
           }

           .navbar-fixed-top {
               z-index: 1000;
               border-width: 0 0 1px;
           }

           .holder {
               width: 353px;
               position: absolute;
               bottom: 0;
               overflow: hidden;
               height: 50px;
               /*padding-top: 25px;*/
               margin: 20px 20px 23px -183px;
               left: 54%;
           }

           .floatLeft {
               float: left;
               text-align: center;
               width: 115px;
               height: 10px;
               padding-bottom: 10px;
               margin: 0px 0px 0px 0px;
               /*margin:5px;*/
               background-color: transparent;
           }


           .containernav {
               height: 150px;
           }

           .promolineLand {
               /*    margin-right: -2px;*/
               font-size: 11px;
               font-family: 'Josefin Sans', sans-serif;
               font-weight: 400;
               color: #999999;
           }


           .promoline {
               font-size: 11px;
               font-family: 'Josefin Sans', sans-serif;
               font-weight: 400;
               color: #999999;
           }

           .navbar-nav>li>.dropdown-menu {
               z-index: 9999;
           }

           body {
               font-family: 'Source Sans Pro', sans-serif;
           }
       }
       /*===============================   580px  ====================================*/

       @media screen and (max-width: 580px) {


           figure.fixedratio {
               padding-top: 0%;
               /*  padding-top: 10%;*/
               /* slope */
               height: 220px;
               /* start height */
               background-position: center;
               /* Internet Explorer 7/8 */
           }


           figure.fixedratio2 {
               padding-top: 30%;
               height: 220px;
               /* start height */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio3 {
               padding-top: 30%;
               height: 220px;
               /*start height */
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio4 {
               padding-top: 30%;
               height: 220px;
               /*start height */
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio5 {
               padding-top: 30%;
               height: 220px;
               /*start height */
               background-image: url("../img/contact.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }
           .navbar-header {
               float: none;
               height: 95%;
               background: url("../img/Mariposa-HeaderSmallest.png") center center no-repeat;
               background-repeat: no-repeat;
               background-position: top center;
               background-size: 520px, 150px;
               margin-top: 0px;
               -webkit-background-size: 520px, 150px;
               -webkit-filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.80));
               filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.80));
               -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20,  OffY=-12, Color='#444')";
               filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=20, OffY=-12, Color='#444')";
           }
       }
       /*===============================   480px  ====================================*/

       @media screen and (max-width: 480px) {

           #planning {
               width: 100%;
               margin-top: 90px;
           }


           figure.fixedratio {
               padding-top: 40%;
               height: 180px;
               /* start height */
               background-image: url("../img/planning.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio2 {
               padding-top: 40%;
               height: 180px;
               /* start height */
               background-image: url("../img/executing.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio3 {
               padding-top: 30%;
               height: 180px;
               /* start height */
               background-image: url("../img/delivering.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio4 {
               padding-top: 30%;
               height: 180px;
               /* start height */
               background-image: url("../img/services.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio5 {
               padding-top: 30%;
               height: 180px;
               /* start height */
               background-image: url("../img/contact.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           .navbar {
               font-family: 'Source Sans Pro', sans-serif;
               min-height: 80px;
               margin-bottom: 0px;
               border-bottom: 1px solid transparent;
               height: 95px;

               /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+79,020202+81,131313+100&0.75+0,0.83+80,0.74+100;Mariposa+3 */
               background: -moz-linear-gradient(top, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 79%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 0.83) 81%, rgba(19, 19, 19, 0.74) 100%);
               /* FF3.6-15 */
               background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 79%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 0.83) 81%, rgba(19, 19, 19, 0.74) 100%);
               /* Chrome10-25,Safari5.1-6 */
               background: linear-gradient(to bottom, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 79%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 0.83) 81%, rgba(19, 19, 19, 0.74) 100%);
               /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf212121', endColorstr='#bd131313', GradientType=0);
               /* IE6-9 */
           }



           .navbar-toggle {
               padding: 6px 6px !important;
               /*               margin-top: -20px;
                margin-bottom: 2px;*/
               margin-right: 4px;
               border-radius: 0;
           }

           .navbar-toggle:focus {
               outline: 0;
           }

           .navbar-toggle .icon-bar {
               display: block;
               width: 16px;
               height: 3px;
               border-radius: 1px;
           }
           .navbar-toggle .icon-bar+.icon-bar {
               margin-top: 2px;
           }
       }
       /*===============================   380px  ====================================*/

       @media screen and (max-width: 380px) {

           #planning {
               width: 100%;
               margin-top: -10px;
           }

           figure.fixedratio {
               padding-top: 40%;
               height: 150px;
               /* start height */
               background-image: url("../img/planning.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }


           figure.fixedratio2 {
               padding-top: 40%;
               height: 150px;
               /* start height */
               background-image: url("../img/executing.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio3 {
               padding-top: 40%;
               height: 150px;
               /* start height */
               background-image: url("../img/delivering.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio4 {
               padding-top: 40%;
               height: 150px;
               /* start height */
               background-image: url("../img/services.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           figure.fixedratio5 {
               padding-top: 40%;
               height: 150px;
               /* start height */
               background-image: url("../img/contact.jpg");
               background-size: cover;
               -moz-background-size: cover;
               /* Firefox 3.6 */
               background-position: center;
               /* Internet Explorer 7/8 */
           }

           .containernav {
               height: 120px;
           }

           .holder {
               width: 360px;
               position: absolute;
               bottom: 0;
               overflow: hidden;
               height: 50px;
               padding-top: 25px;
               margin: 20px 20px 23px -160px;
               left: 50%;
           }



           .navbar {
               font-family: 'Source Sans Pro', sans-serif;
               min-height: 80px;
               margin-bottom: 30px;
               border-bottom: 1px solid transparent;
               height: 90px;

               /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212121+0,212121+79,020202+81,131313+100&0.75+0,0.83+80,0.74+100;Mariposa+3 */
               background: -moz-linear-gradient(top, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 80%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 0.83) 80%, rgba(19, 19, 19, 0.74) 100%);
               /* FF3.6-15 */
               background: -webkit-linear-gradient(top, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 80%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 0.83) 80%, rgba(19, 19, 19, 0.74) 100%);
               /* Chrome10-25,Safari5.1-6 */
               background: linear-gradient(to bottom, rgba(33, 33, 33, 0.75) 0%, rgba(33, 33, 33, 0.83) 80%, rgba(18, 18, 18, 0.83) 80%, rgba(2, 2, 2, 0.83) 80%, rgba(19, 19, 19, 0.74) 100%);
               /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf212121', endColorstr='#bd131313', GradientType=0);
               /* IE6-9 */
           }
           .navbar-nav {

               float: right!important;
               text-align: center;
               margin-top: 0px;
               margin-right: 85px;
               width: 30px;
           }

           .navbar-nav>li {
               float: left;
               background-color: #6699ff;
               opacity: 0.8;
               filter: alpha(opacity=80);
               /* For IE8 and earlier*/
               width: 110px;
           }

           .floatLeft {
               float: left;
               text-align: center;
               width: 115px;
               height: 15px;
               padding-bottom: 10px;
               margin: 0px 0px 0px -6px;
               /*margin:5px;*/
               background-color: transparent;
           }


           .promolineLand {
               margin-right: 20px;
               font-size: 10px;
               font-family: 'Josefin Sans', sans-serif;
               font-weight: 400;
               color: #999999;
           }

           .promoline {
               font-size: 10px;
               font-family: 'Josefin Sans', sans-serif;
               font-weight: 400;
               color: #999999;
           }
       }