@font-face {
    font-family: 'DIN';
    font-weight: bold;
    src: url("fonts/DIN/DIN-Black.otf") format("opentype");
}
@font-face {
    font-family: 'DIN';
    font-weight: bold;
    src: url("fonts/DIN/DIN-Bold.otf") format("opentype");
}
@font-face {
    font-family: 'DIN';
    font-weight: lighter;
    src: url("fonts/DIN/DIN-Light.otf") format("opentype");
}
@font-face {
    font-family: 'DIN';
    font-weight: normal;
    src: url("fonts/DIN/DIN-Medium.otf") format("opentype");
}
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  font-family: "DIN", serif;
}

.row {
  margin-left:0;
  margin-right:0;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
.footer {
  height: 150px !important;
  padding-top:50px;
  padding-bottom:20px;
    text-align: center;
}

.footer p {
    color: white;
    font-size: 13px;
    font-weight: lighter;
}


/* Custom page CSS
-------------------------------------------------- */

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

h1,h2,h3,h4 {
  font-family: 'DIN', serif;
  vertical-align:middle;
    font-weight: bold;
}

header {
  background: white;
  height:550px;
  color:#000000;
}

header h1,header h2,header h3 a,header a,header a:hover {
  color:#101010;
  font-weight:800;
  text-decoration:none;
}

header h3 {
  font-family: 'DIN', serif;
  background: #ffcc33;
    border-radius:3px;
  font-size:34px;
    padding: 10px;
}

header .dropdown-menu {
  top:74px;
  background: #ffcc33;
  border-width:0;
}

h1 {
  font-size:50px;
}

.masthead {
    background: #1a171b url('../img/words2.png') no-repeat 50% 9%;
    background-size: 65%;
    height: 600px;

}

.navbar {
    margin-bottom: 0;
}

#logoImg {
    background: white url('../img/logo.png') no-repeat center;
    background-size: 110px;
    width: 130px;
    height: 130px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding: 10px;
    margin: 0 auto;
    margin-top: 38%;
}

#nav {
  width: 100%;
  position:static;
  top:-32px;
    text-align: center;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
    height: auto;
    /*background: #2e2e2e url('../img/logowhite.svg') no-repeat 3% 50%;
    background-size: 150px;
   -webkit-transition: all .6s ease-in-out;*/

}

.navbar .container {
    width: auto;
    height: auto;
    padding: 0;
}

@media only screen
and (min-width : 1024px)
and (max-width : 1440px) {
    #section2 {
        width: 100%;
        text-align: center;
    }

    #section2 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section2 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section2 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section2 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section2 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section2 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section2 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section2 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }


    #section3 {
        width: 100%;
        text-align: center;
    }

    #section3 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section3 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section3 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section3 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section3 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section3 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section3 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section3 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }

    #section4 {
        width: 100%;
        text-align: center;
    }

    #section4 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section4 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section4 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section4 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section4 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section4 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section4 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section4 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }

    #section2 {
        width: 100%;
        text-align: center;
    }

    #section5 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section5 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section5 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section5 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section5 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section5 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section5 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section5 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }

    #section6 {
        width: 100%;
        text-align: center;
    }

    #section6 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section6 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section6 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section6 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section6 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section6 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }

    #section6b {
        width: 100%;
        text-align: center;
    }

    #section6b #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section6b .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6b .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6b h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section6b p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section6b .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section6b .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section6b .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }

    #section7 {
        width: 100%;
        text-align: center;
    }

    #section7 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section7 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section7 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section7 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section7 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section7 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section7 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section7 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }


    #section8 {
        width: 100%;
        text-align: center;
    }

    #section8 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section8 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section8 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section8 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section8 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section8 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section8 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section8 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }


    #section9 {
        width: 100%;
        text-align: center;
    }

    #section9 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section9 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section9 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section9 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section9 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section9 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section9 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section9 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 5% !important;
    }
}

@media only screen
and (min-width : 900px)
and (max-width : 1600px) {
    #section1 {
        background: #00aeef url('../img/press.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        padding-top: 5%;
    }
    #section1 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section1 .container {
        margin: 0 auto;
        text-align: justify;
        width: 90% !important;
        height: 600px;
        background: transparent url('../img/dot.svg') no-repeat center;
        background-size: auto;
    }
    #section1 h2 {
        margin-top: 25%;
        font-size: 30px;
        font-weight: bold;
        text-align: left;
    }
    #section1 .lead {
        font-size: 25px;
        margin-bottom: 30px;
    }

    #section1 #contentSection1 {
        width: 40%;
        margin: 0 auto;
    }

    #section1 p {
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section2 {
        width: 100%;
        text-align: center;
    }

    #section2 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section2 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section2 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section2 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section2 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section2 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section2 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section2 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }


    #section3 {
        width: 100%;
        text-align: center;
    }

    #section3 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section3 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section3 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section3 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section3 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section3 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section3 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section3 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }

    #section4 {
        width: 100%;
        text-align: center;
    }

    #section4 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section4 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section4 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section4 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section4 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section4 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section4 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section4 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }

    #section2 {
        width: 100%;
        text-align: center;
    }

    #section5 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section5 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section5 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section5 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section5 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section5 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section5 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section5 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }

    #section6 {
        width: 100%;
        text-align: center;
    }

    #section6 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section6 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section6 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section6 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section6 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section6 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }

    #section6b {
        width: 100%;
        text-align: center;
    }

    #section6b #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section6b .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6b .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6b h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section6b p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section6b .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section6b .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section6b .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }


    #section7 {
        width: 100%;
        text-align: center;
    }

    #section7 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section7 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section7 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section7 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section7 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section7 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section7 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section7 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }


    #section8 {
        width: 100%;
        text-align: center;
    }

    #section8 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section8 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section8 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section8 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section8 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section8 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section8 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section8 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }


    #section9 {
        width: 100%;
        text-align: center;
    }

    #section9 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section9 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section9 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section9 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section9 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section9 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section9 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section9 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }
}


@media only screen
and (min-width : 1050px)
and (max-width : 1680px) {
    #section1 {
        background: #00aeef url('../img/press.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        padding-top: 5%;
    }
    #section1 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section1 .container {
        margin: 0 auto;
        text-align: justify;
        width: 90% !important;
        height: 600px;
        background: transparent url('../img/dot.svg') no-repeat center;
        background-size: auto;
    }
    #section1 h2 {
        margin-top: 25%;
        font-size: 30px;
        font-weight: bold;
        text-align: left;
    }
    #section1 .lead {
        font-size: 25px;
        margin-bottom: 30px;
    }

    #section1 #contentSection1 {
        width: 40%;
        margin: 0 auto;
    }

    #section1 p {
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section2 {
        width: 100%;
        text-align: center;
    }

    #section2 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section2 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section2 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section2 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section2 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section2 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section2 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section2 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }


    #section3 {
        width: 100%;
        text-align: center;
    }

    #section3 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section3 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section3 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section3 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section3 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section3 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section3 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section3 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }

    #section4 {
        width: 100%;
        text-align: center;
    }

    #section4 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section4 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section4 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section4 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section4 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section4 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section4 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section4 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }

    #section2 {
        width: 100%;
        text-align: center;
    }

    #section5 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section5 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section5 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section5 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section5 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section5 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section5 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section5 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }

    #section6 {
        width: 100%;
        text-align: center;
    }

    #section6 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section6 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section6 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section6 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section6 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section6 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }

    #section6b {
        width: 100%;
        text-align: center;
    }

    #section6b #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section6b .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6b .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6b h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section6b p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section6b .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section6b .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section6b .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }


    #section7 {
        width: 100%;
        text-align: center;
    }

    #section7 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section7 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section7 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section7 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section7 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section7 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section7 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section7 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }


    #section8 {
        width: 100%;
        text-align: center;
    }

    #section8 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section8 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section8 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section8 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section8 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section8 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section8 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section8 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }


    #section9 {
        width: 100%;
        text-align: center;
    }

    #section9 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section9 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section9 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section9 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section9 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section9 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section9 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section9 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 7% !important;
    }
}

@media only screen
and (min-width : 1080px)
and (max-width : 1920px) {
    #section1 {
        background: #00aeef url('../img/press.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        padding-top: 5%;
    }
    #section1 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section1 .container {
        margin: 0 auto;
        text-align: justify;
        width: 80% !important;
        height: 600px;
        background: transparent url('../img/dot.svg') no-repeat center;
        background-size: auto;
    }
    #section1 h2 {
        margin-top: 25%;
        font-size: 30px;
        font-weight: bold;
        text-align: left;
    }
    #section1 .lead {
        font-size: 25px;
        margin-bottom: 30px;
    }

    #section1 #contentSection1 {
        width: 40%;
        margin: 0 auto;
    }

    #section1 p {
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section2 {
        width: 100%;
        text-align: center;
    }

    #section2 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section2 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section2 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section2 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section2 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section2 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section2 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section2 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }


    #section3 {
        width: 100%;
        text-align: center;
    }

    #section3 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section3 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section3 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section3 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section3 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section3 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section3 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section3 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }

    #section4 {
        width: 100%;
        text-align: center;
    }

    #section4 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section4 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section4 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section4 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section4 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section4 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section4 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section4 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }

    #section5 {
        width: 100%;
        text-align: center;
    }

    #section5 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section5 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section5 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section5 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section5 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section5 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section5 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section5 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }

    #section6 {
        width: 100%;
        text-align: center;
    }

    #section6 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section6 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section6 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section6 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section6 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section6 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }

    #section6b {
        width: 100%;
        text-align: center;
    }

    #section6b #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section6b .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6b .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6b h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section6b p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section6b .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section6b .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section6b .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }


    #section7 {
        width: 100%;
        text-align: center;
    }

    #section7 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section7 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section7 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section7 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section7 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section7 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section7 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section7 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }


    #section8 {
        width: 100%;
        text-align: center;
    }

    #section8 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section8 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section8 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section8 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section8 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section8 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section8 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section8 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }


    #section9 {
        width: 100%;
        text-align: center;
    }

    #section9 #contentSection2 {
        width: 85%;
        position: relative;
        margin: 0 auto;
    }
    #section9 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section9 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section9 h2 {
        font-size: 30px;
        font-weight: bold;
        margin-top: 9%;
        text-align: left;
    }

    #section9 p {
        width: 530px !important;
        font-size: 12px;
        line-height: 23px;
        font-weight: lighter;
    }
    #section9 .sec1 {
        width: 500px !important;
        float: left;
        margin-right: 50px;
        display: block;
        margin-top: 40px;
    }

    #section9 .sec2 hr {
        width: 530px !important;
        margin-left: 0;
        text-align: left;
    }
    #section9 .sec2 {
        float: left;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: 655px !important;
        width: 54%;
        height:420px !important;
        text-align: justify;
        padding-left: 11% !important;
    }
}

@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
      height: auto;
      margin-bottom: 0;
      padding-bottom: 0;
      width: auto;
      display: inline-block;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
  }
}
.navbar-nav {
  margin: 1px 1px;
    text-align: center;
}  
  
/* customize nav style */
.navbar-custom {
    background-color: #2e2e2e;
    text-transform:uppercase;
    border-width:0;
}
.navbar-custom  .navbar-nav>li>a {
	color: #ddd;
    font-size: 11px;
    font-weight: lighter;
    padding-top: 10%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    width: auto;
}
.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
    height: auto;
    width: auto;
    padding-top: 7%;
    padding-bottom: 5%;
    padding-left: 0;
    padding-right: 0;
    color: #c0c0c0;
    font-size: 11px;
    font-weight: lighter;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    width: auto;
    background-color: transparent;
    color: #00aeef;
    height: auto;
    padding-top: 7%;
    padding-bottom: 5%;
    padding-left: 0;
    padding-right: 0;
    font-size: 11px;
    font-weight: lighter;
}
.navbar-custom .dropdown-menu{
	right:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}



.navbar-toggle {
	outline:0;
}

#section1 {
    background: #00aeef url('../img/press.png') no-repeat center;
    background-size: auto;
    color: white;
    width: 100%;
    padding-top: 5%;
}
#section1 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section1 .container {
    margin: 0 auto;
    text-align: justify;
    width: 100%;
    height: 600px;
    background: transparent url('../img/dot.svg') no-repeat center;
    background-size: auto;
}
#section1 h2 {
    margin-top: 25%;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
}
#section1 .lead {
    font-size: 25px;
    margin-bottom: 30px;
}

#section1 #contentSection1 {
    width: 40%;
    margin: 0 auto;
}

#section1 p {
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
}

#section2 {
    width: 100%;
    text-align: center;
}

#section2 #contentSection2 {
    width: 85%;
    position: relative;
    margin: 0 auto;
}
#section2 .sec1 img {
    width: 100%;
    height: auto;
}
#section2 .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section2 h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 9%;
    text-align: left;
}

#section2 p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
}
#section2 .sec1 {
    width: 40%;
    float: left;
    margin-right: 50px;
    display: block;
    margin-top: 40px;
}
#section2 .sec2 {
    float: left;
    background: url('../img/dot2.svg') no-repeat center;
    background-size: 100%;
    width: 54%;
    height:390px;
    text-align: justify;
    padding-left: 60px;
}

#section2 .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}


#section3 {
    width: 100%;
    background: url('../img/cream_pixels/cream_pixels.png') repeat;
    padding-top: 10%;
    text-align: center;

}
#section3 #contentSection3 {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#section3 .sec1 img {
    width: 100%;
    height: auto;
}
#section3 .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section3 h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 11%;
    color: white;
    text-align: left;
}

#section3 p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
    color: white;
}
#section3 .sec1 {
    width: 40%;
    float: left;
    margin-right: 50px;
    display: block;
    margin-top: 60px;
}
#section3 .sec2 {
    float: left;
    background: url('../img/dot3.svg') no-repeat center;
    background-size: 100%;
    width: 52%;
    height:430px;
    text-align: justify;
    padding-left: 60px;
}

#section3 .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}



#section4 {
    text-align: center;
    width: 100%;
}

#section4 #contentSection4 {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#section4 .sec1 img {
    width: 100%;
    height: auto;
}

#section4 .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section4 h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 11%;
    color: white;
    text-align: left;
}

#section4 p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
    color: white;
}
#section4 .sec1 {
    width: 40%;
    float: left;
    margin-right: 50px;
    display: block;
    margin-top: 60px;
}
#section4 .sec2 {
    float: left;
    background: url('../img/dot4.svg') no-repeat center;
    background-size: 100%;
    width: 52%;
    height:430px;
    text-align: justify;
    padding-left: 60px;
}

#section4 .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}

#section5 {
    background: #e5007d url('../img/plot2.png') no-repeat center;
    background-size: 100%;
    color: white;
    width: 100%;
    text-align: center;
    padding-top: 10%;
}

#section5 #contentSection5 {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#section5 .sec1 img {
    width: 100%;
    height: auto;
}
#section5 .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section5 h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 11%;
    color: white;
    text-align: left;
}

#section5 p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
    color: white;
    text-align: justify;
}
#section5 .sec1 {
    width: 40%;
    float: left;
    margin-right: 50px;
    display: block;
    margin-top: 60px;
}
#section5 .sec2 {
    float: left;
    background: url('../img/dot5.svg') no-repeat center;
    background-size: 100%;
    width: 52%;
    height:430px;
    text-align: justify;
    padding-left: 60px;
}

#section5 .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}

#section6 {
    width: 100%;
    min-height: 1000px;
    padding-bottom: 80px;
    text-align: center;
}

#section6 #contentSection6 {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#section6 .sec1 img {
    width: 100%;
    height: auto;
}
#section6 .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section6 h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 11%;
    color: white;
    text-align: left;
}

#section6 p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
    color: white;
    text-align: justify;
}
#section6 .sec1 {
    width: 40%;
    float: left;
    margin-right: 50px;
    display: block;
    margin-top: 60px;
}
#section6 .sec2 {
    float: left;
    background: url('../img/dot6.svg') no-repeat center;
    background-size: 100%;
    width: 52%;
    height:430px;
    text-align: justify;
    padding-left: 60px;
}

#section6 .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}

#section6b {
    width: 100%;
    min-height: 1000px;
    padding-bottom: 80px;
    text-align: center;
}

#section6b #contentSection6b {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#section6b .sec1 img {
    width: 100%;
    height: auto;
}
#section6b .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section6b h2 {
    font-size: 27px;
    font-weight: bold;
    margin-top: 11%;
    color: white;
    text-align: left;
}

#section6b p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
    color: white;
    text-align: justify;
}
#section6b .sec1 {
    width: 40%;
    float: left;
    margin-right: 50px;
    display: block;
    margin-top: 60px;
}
#section6b .sec2 {
    float: left;
    background: url('../img/dot6.svg') no-repeat center;
    background-size: 100%;
    width: 52%;
    height:430px;
    text-align: justify;
    padding-left: 60px;
}

#section6b .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}

#section7 {
    background: #fff200 url('../img/imp2.png') no-repeat center;
    background-size: 100%;
    color: white;
    text-align: center;
    padding-top: 10%;
}

#section7 #contentSection7 {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#section7 .sec1 img {
    width: 100%;
    height: auto;
}
#section7 .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section7 h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 11%;
    color: white;
    text-align: left;
}

#section7 p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
    color: white;
    text-align: justify;
}
#section7 .sec1 {
    width: 40%;
    float: left;
    margin-right: 50px;
    display: block;
    margin-top: 60px;
}
#section7 .sec2 {
    float: left;
    background: url('../img/dot7.svg') no-repeat center;
    background-size: 100%;
    width: 52%;
    height:430px;
    text-align: justify;
    padding-left: 60px;
}

#section7 .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}

#section8 {
    width: 100%;
    background: url('../img/cream_pixels/cream_pixels.png') repeat;
    text-align: center;
    padding-top: 10%;
}
#section8 #contentSection8 {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#section8 .sec1 img {
    width: 100%;
    height: auto;
}
#section8 .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section8 h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 11%;
    color: white;
    text-align: left;
}

#section8 p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
    color: white;
    text-align: justify;
}
#section8 .sec1 {
    float: left;
    width: 40%;
    margin-right: 50px;
    display: block;
    margin-top: 60px;
}
#section8 .sec2 {
    float: left;
    background: url('../img/dot8.svg') no-repeat center;
    background-size: 100%;
    width: 52%;
    height:430px;
    text-align: justify;
    padding-left: 60px;
}

#section8 .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}

#section9 {
    width: 100%;
    background: #00aeef url('../img/nueve.png') no-repeat center;
    background-size: 100%;
    padding-bottom: 100px;
    text-align: center;
    padding-top: 10%;

}
#section9 #contentSection9 {
    width: 90%;
    position: relative;
    margin: 0 auto;
}
#section9 .sec1 img {
    width: 100%;
    height: auto;
}
#section9 .sec2 img {
    width: 40px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}
#section9 h2 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 11%;
    color: white;
    text-align: left;
}

#section9 p {
    width: 88%;
    font-size: 12px;
    line-height: 23px;
    font-weight: lighter;
    color: white;
    text-align: justify;
}
#section9 .sec1 {
    width: 40%;
    float: left;
    margin-right: 50px;
    display: block;
    margin-top: 60px;
}
#section9 .sec2 {
    float: left;
    background: url('../img/dot9.svg') no-repeat center;
    background-size: 100%;
    width: 52%;
    height:430px;
    text-align: justify;
    padding-left: 60px;
}

#section9 .sec2 hr {
    width: 88%;
    margin-left: 0;
    text-align: left;
}
#section10 {
    background: url('../img/binding_dark/binding_dark.png') repeat;
    width: 100%;
    color: white;
}
#section10 h2 {
    font-size: 38px;
    font-weight: bold;
    padding-top: 20px;
    color: white;
}
.panel {
	border-width:0;
}
.formContact {
    margin-top: 50px;
}
.logoImage {
    margin-top: 150px;
    margin-bottom: 70px;
}

.footer {
    background: black url("../img/tweed/tweed.png") repeat;
    width: 100%;
    height: 400px;
    float: left;
    margin-left: 0;
    left: 0;
    margin-right: 0;
    right: 0;
}

#map-canvas {
  	width: 100%; 
  	height: 300px;
	margin: 0;
	padding: 15px;
}

.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #ffcc33;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
 

section {
  color: #ffffff;
  min-height: 400px;
  height: 100%;
  padding-top:100px;
}

.bg-1 {
	background: url('../img/plot1.png') no-repeat center center fixed;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    padding-bottom: 70px;
    padding-top: 140px;
}

.bg-2 {
	background: url('../img/plot1.png') no-repeat center center fixed;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-3 {
	background: url('../img/lupa.png') no-repeat center center fixed;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg-4 {
    background: url('../img/cart2.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


@media only screen
and (min-width : 320px)
and (max-width : 480px) {
    .masthead {
        background: none;
        display: none;

    }
    #nav {
        width: 100%;
        position:static;
        top:-32px;
        background-size: 150px;
    }


    #nav.affix {
        position: fixed;
        top: 0;
        z-index:10;
        background: #2e2e2e;
        background-size: 150px;
        -webkit-transition: all .6s ease-in-out;

    }
    .navbar-nav {
        margin: 1px 1px;
    }

    /* customize nav style */
    .navbar-custom {
        background-color: #2e2e2e;
        font-weight:700;
        text-transform:uppercase;
        border-width:0;
    }
    .navbar-custom  .navbar-nav>li>a {
        color: #ddd;
        height: auto;
    }
    .navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
        background-color: #000;
        height: auto;
    }
    .navbar-custom .dropdown-menu{
        right:0;
    }
    .navbar-custom .navbar-nav>.dropdown>a .caret {
        border-top-color: #999;
        border-bottom-color: #999;
    }

    .navbar-collapse.in { /*3.0.2 bug workaround*/
        overflow-y: visible;

    }

    .navbar-toggle {
        outline:0;
    }



    #section1 {
        background: #00aeef url('../img/press.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        height: 600px !important;
        padding-top: 5%;
    }
    #section1 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -9px;
    }
    #section1 .container {
        margin: 0 auto;
        text-align: justify;
        width: 100%;
        height: 600px;
        background: transparent url('../img/dot.svg') no-repeat center;
        background-size: auto;
    }
    #section1 h2 {
        margin-top: 40%;
        font-size: 25px;
        font-weight: bold;
        text-align: left;
    }
    #section1 .lead {
        font-size: 25px;
        margin-bottom: 30px;
    }

    #section1 #contentSection1 {
        width: 90%;
        margin: 0 auto;
    }

    #section1 p {
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
    }



    #section2 {
        width: 100%;
        height: 700px !important;
        text-align: center;
        background: url('../img/plot1.png') no-repeat !important;
    }

    #section2 #contentSection2 {
        width: 100%;
        position: relative;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        margin: 0 auto;
        text-align: center;
    }

    #section2 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -9px;
    }
    #section2 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 24%;
        text-align: left;
    }

    #section2 p {
        width: 100%;
        font-size: 12px;
        font-weight: lighter;
        text-align: justify;
        line-height: 18px;
    }
    #section2 .sec1 {
        float: left;
        display: none;
    }
    #section2 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        padding-left: 30px;
        text-align: center;
        margin: 0 auto;
    }

    #section2 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section3 {
        width: 100%;
        background: url('../img/cream_pixels/cream_pixels.png') repeat;
        padding-top: 10%;
        text-align: center;
        height: 600px !important;

    }
    #section3 #contentSection3 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot3.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section3 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section3 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section3 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;
    }

    #section3 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
    }
    #section3 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section3 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section3 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section4 {
        text-align: center;
        width: 100%;
        height: 600px !important;
        background: url('../img/lupa.png') no-repeat !important;
        background-size: auto !important;
    }

    #section4 #contentSection4 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot4.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section4 .sec1 img {
        width: 100%;
        height: auto;
    }

    #section4 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section4 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;
    }

    #section4 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
    }
    #section4 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section4 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section4 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section5 {
        background: #e5007d url('../img/plot2.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        text-align: center;
        padding-top: 10%;
        height: 600px !important;
    }

    #section5 #contentSection5 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot5.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        margin-top: 20%;
    }
    #section5 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section5 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section5 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 27%;
        color: white;
        text-align: left;
    }

    #section5 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section5 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section5 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section5 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section6 {
        width: 100%;
        padding-bottom: 80px;
        text-align: center;
        min-height: 650px !important;
        height: 650px !important;
        background: url('../img/cart2.png') no-repeat !important;
        background-size: auto !important;
    }

    #section6 #contentSection6 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot6.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section6 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 19%;
        color: white;
        text-align: left;
    }

    #section6 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section6 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section6 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section6 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section6b {
        width: 100%;
        min-height: 650px !important;
        padding-bottom: 80px;
        text-align: center;
        height: 650px !important;
        background: url('../img/cart2.png') no-repeat !important;
        background-size: auto !important;
    }

    #section6b #contentSection6b {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot6.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section6b .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6b .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6b h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 20%;
        color: white;
        text-align: left;
    }

    #section6b p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section6b .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section6b .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section6b .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section7 {
        background: #fff200 url('../img/imp2.png') no-repeat center;
        background-size: auto;
        color: white;
        height: 600px !important;
        text-align: center;
        padding-top: 10%;
    }

    #section7 #contentSection7 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot7.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section7 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section7 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section7 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 27%;
        color: white;
        text-align: left;
    }

    #section7 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section7 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section7 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section7 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section8 {
        width: 100%;
        background: url('../img/cream_pixels/cream_pixels.png') repeat;
        text-align: center;
        padding-top: 10%;
        height: 600px !important;
    }
    #section8 #contentSection8 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot8.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section8 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section8 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section8 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 20%;
        color: white;
        text-align: left;
    }

    #section8 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section8 .sec1 {
        float: left;
        width: 40%;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section8 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section8 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section9 {
        width: 100%;
        background: #00aeef url('../img/nueve.png') no-repeat center;
        background-size: auto;
        padding-bottom: 100px;
        text-align: center;
        padding-top: 10%;
        height: 650px !important;
    }
    #section9 #contentSection9 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot9.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        margin-top: 20%;
    }
    #section9 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section9 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section9 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;

    }

    #section9 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section9 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section9 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section9 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section10 {
        width: 100%;
        background: url('../img/binding_dark/binding_dark.png') repeat;
        color: white;
        height: 670px !important;
    }
    #section10 h2 {
        font-size: 20px;
        font-weight: bold;
        padding-top: 20px;
    }

    .panel {
        border-width:0;
    }
    .formContact {
        margin-top: 10px;
    }
    .logoImage {
        display: none;
        margin-top: 5%;
        margin-bottom: 20px;
    }
}

@media only screen
and (min-width : 480px)
and (max-width : 768px) {
    .masthead {
        background: none;
        display: none;

    }
    #nav {
        width: 100%;
        position:static;
        top:-32px;
        background-size: 150px;
    }


    #nav.affix {
        position: fixed;
        top: 0;
        z-index:10;
        background: #2e2e2e;
        background-size: 150px;
        -webkit-transition: all .6s ease-in-out;

    }
    .navbar-nav {
        margin: 1px 1px;
    }

    /* customize nav style */
    .navbar-custom {
        background-color: #2e2e2e;
        font-weight:700;
        text-transform:uppercase;
        border-width:0;
    }
    .navbar-custom  .navbar-nav>li>a {
        color: #ddd;
        height: auto;
    }
    .navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
        background-color: #000;
        height: auto;
    }
    .navbar-custom .dropdown-menu{
        right:0;
    }
    .navbar-custom .navbar-nav>.dropdown>a .caret {
        border-top-color: #999;
        border-bottom-color: #999;
    }

    .navbar-collapse.in { /*3.0.2 bug workaround*/
        overflow-y: visible;

    }

    .navbar-toggle {
        outline:0;
    }



    #section1 {
        background: #00aeef url('../img/press.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        height: 600px !important;
        padding-top: 5%;
    }
    #section1 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -9px;
    }
    #section1 .container {
        margin: 0 auto;
        text-align: justify;
        width: 100%;
        height: 600px;
        background: transparent url('../img/dot.svg') no-repeat center;
        background-size: auto;
    }
    #section1 h2 {
        margin-top: 40%;
        font-size: 25px;
        font-weight: bold;
        text-align: left;
    }
    #section1 .lead {
        font-size: 25px;
        margin-bottom: 30px;
    }

    #section1 #contentSection1 {
        width: 60%;
        margin: 0 auto;
    }

    #section1 p {
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
    }



    #section2 {
        width: 100%;
        height: 700px !important;
        text-align: center;
        background: url('../img/plot1.png') no-repeat !important;
    }

    #section2 #contentSection2 {
        width: 100%;
        position: relative;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        margin: 0 auto;
        text-align: center;
    }

    #section2 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -9px;
    }
    #section2 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 24%;
        text-align: left;
    }

    #section2 p {
        width: 100%;
        font-size: 12px;
        font-weight: lighter;
        text-align: justify;
        line-height: 18px;
    }
    #section2 .sec1 {
        float: left;
        display: none;
    }
    #section2 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        padding-left: 30px;
        text-align: center;
        margin: 0 auto;
    }

    #section2 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section3 {
        width: 100%;
        background: url('../img/cream_pixels/cream_pixels.png') repeat;
        padding-top: 10%;
        text-align: center;
        height: 600px !important;

    }
    #section3 #contentSection3 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot3.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section3 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section3 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section3 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;
    }

    #section3 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
    }
    #section3 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section3 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section3 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section4 {
        text-align: center;
        width: 100%;
        height: 600px !important;
        background: url('../img/lupa.png') no-repeat !important;
        background-size: auto !important;
    }

    #section4 #contentSection4 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot4.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section4 .sec1 img {
        width: 100%;
        height: auto;
    }

    #section4 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section4 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;
    }

    #section4 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
    }
    #section4 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section4 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section4 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section5 {
        background: #e5007d url('../img/plot2.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        text-align: center;
        padding-top: 10%;
        height: 600px !important;
    }

    #section5 #contentSection5 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot5.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        margin-top: 20%;
    }
    #section5 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section5 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section5 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 27%;
        color: white;
        text-align: left;
    }

    #section5 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section5 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section5 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section5 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section6 {
        width: 100%;
        padding-bottom: 80px;
        text-align: center;
        min-height: 650px !important;
        height: 650px !important;
        background: url('../img/cart2.png') no-repeat !important;
        background-size: auto !important;
    }

    #section6 #contentSection6 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot6.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section6 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 19%;
        color: white;
        text-align: left;
    }

    #section6 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section6 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section6 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section6 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section6b {
        width: 100%;
        min-height: 650px !important;
        padding-bottom: 80px;
        text-align: center;
        height: 650px !important;
        background: url('../img/cart2.png') no-repeat !important;
        background-size: auto !important;
    }

    #section6b #contentSection6b {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot6.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section6b .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6b .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6b h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 20%;
        color: white;
        text-align: left;
    }

    #section6b p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section6b .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section6b .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section6b .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section7 {
        background: #fff200 url('../img/imp2.png') no-repeat center;
        background-size: auto;
        color: white;
        height: 600px !important;
        text-align: center;
        padding-top: 10%;
    }

    #section7 #contentSection7 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot7.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section7 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section7 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section7 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 27%;
        color: white;
        text-align: left;
    }

    #section7 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section7 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section7 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section7 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section8 {
        width: 100%;
        background: url('../img/cream_pixels/cream_pixels.png') repeat;
        text-align: center;
        padding-top: 10%;
        height: 600px !important;
    }
    #section8 #contentSection8 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot8.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section8 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section8 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section8 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 20%;
        color: white;
        text-align: left;
    }

    #section8 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section8 .sec1 {
        float: left;
        width: 40%;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section8 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section8 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section9 {
        width: 100%;
        background: #00aeef url('../img/nueve.png') no-repeat center;
        background-size: auto;
        padding-bottom: 100px;
        text-align: center;
        padding-top: 10%;
        height: 650px !important;
    }
    #section9 #contentSection9 {
        width: 100%;
        position: relative;
        margin: 0 auto;
        background: url('../img/dot9.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        margin-top: 20%;
    }
    #section9 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section9 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section9 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;

    }

    #section9 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section9 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section9 .sec2 {
        float: left;
        width: 90%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 30px;
    }

    #section9 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section10 {
        width: 100%;
        background: url('../img/binding_dark/binding_dark.png') repeat;
        color: white;
        height: 670px !important;
    }
    #section10 h2 {
        font-size: 20px;
        font-weight: bold;
        padding-top: 20px;
    }

    .panel {
        border-width:0;
    }
    .formContact {
        margin-top: 10px;
    }
    .logoImage {
        display: none;
        margin-top: 5%;
        margin-bottom: 20px;
    }
}

@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
    .masthead {
        background: none;
        display: none;

    }
    #nav {
        width: 100%;
        position:static;
        top:-32px;
        background-size: 150px;
    }


    #nav.affix {
        position: fixed;
        top: 0;
        z-index:10;
        background: #2e2e2e;
        background-size: 150px;
        -webkit-transition: all .6s ease-in-out;

    }
    .navbar-nav {
        margin: 1px 1px;
    }

    /* customize nav style */
    .navbar-custom {
        background-color: #2e2e2e;
        font-weight:700;
        text-transform:uppercase;
        border-width:0;
    }
    .navbar-custom  .navbar-nav>li>a {
        color: #ddd;
        height: auto;
    }
    .navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
        background-color: #000;
        height: auto;
    }
    .navbar-custom .dropdown-menu{
        right:0;
    }
    .navbar-custom .navbar-nav>.dropdown>a .caret {
        border-top-color: #999;
        border-bottom-color: #999;
    }

    .navbar-collapse.in { /*3.0.2 bug workaround*/
        overflow-y: visible;

    }

    .navbar-toggle {
        outline:0;
    }


    #section1 {
        background: #00aeef url('../img/press.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        height: 600px !important;
        padding-top: 5%;
    }
    #section1 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -9px;
    }
    #section1 .container {
        text-align: justify;
        width: 100%;
        height: 600px;
        background: transparent url('../img/dot.svg') no-repeat center;
        background-size: auto;
        margin-top: -50px;
    }
    #section1 h2 {
        margin-top: 40%;
        font-size: 25px;
        font-weight: bold;
        text-align: left;
    }
    #section1 .lead {
        font-size: 25px;
        margin-bottom: 30px;
    }

    #section1 #contentSection1 {
        /*width: 90%;*/
        margin: 0 auto;
    }

    #section1 p {
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
    }



    #section2 {
        width: 100%;
        height: 700px !important;
        text-align: center;
        background: url('../img/plot1.png') no-repeat !important;
    }

    #section2 #contentSection2 {
        width: 100%;
        position: relative;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        text-align: center;
        margin-top: -40px;
    }

    #section2 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -9px;
    }
    #section2 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 24%;
        text-align: left;
    }

    #section2 p {
        width: 100%;
        font-size: 12px;
        font-weight: lighter;
        text-align: justify;
        line-height: 18px;
    }
    #section2 .sec1 {
        float: left;
        display: none;
    }
    #section2 .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: center;
        padding-left: 220px !important;
    }

    #section2 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section3 {
        width: 100%;
        background: url('../img/cream_pixels/cream_pixels.png') repeat;
        padding-top: 10%;
        text-align: center;
        height: 600px !important;

    }
    #section3 #contentSection3 {
        width: 100%;
        position: relative;
        margin-top: -50px;
        background: url('../img/dot3.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section3 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section3 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section3 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;
    }

    #section3 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
    }
    #section3 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section3 .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: left;
        padding-left: 220px !important;
    }

    #section3 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section4 {
        text-align: center;
        width: 100%;
        height: 600px !important;
        background: url('../img/lupa.png') no-repeat !important;
        background-size: auto !important;
    }

    #section4 #contentSection4 {
        width: 100%;
        position: relative;
        margin-top: -40px;
        background: url('../img/dot4.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section4 .sec1 img {
        width: 100%;
        height: auto;
    }

    #section4 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section4 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;
    }

    #section4 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
    }
    #section4 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section4 .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: left;
        padding-left: 220px !important;
    }

    #section4 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section5 {
        background: #e5007d url('../img/plot2.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        text-align: center;
        padding-top: 10%;
        height: 600px !important;
    }

    #section5 #contentSection5 {
        width: 100%;
        position: relative;
        background: url('../img/dot5.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        margin-top: -5%;
    }
    #section5 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section5 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section5 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 27%;
        color: white;
        text-align: left;
    }

    #section5 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section5 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section5 .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: center;
        padding-left: 220px !important;
    }

    #section5 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section6 {
        width: 100%;
        padding-bottom: 80px;
        text-align: center;
        min-height: 650px !important;
        height: 650px !important;
        background: url('../img/cart2.png') no-repeat !important;
        background-size: auto !important;
    }

    #section6 #contentSection6 {
        width: 100%;
        position: relative;
        margin-top: -20px;
        background: url('../img/dot6.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section6 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 19%;
        color: white;
        text-align: left;
    }

    #section6 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section6 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section6 .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: center;
        padding-left: 220px !important;
    }

    #section6 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section6b {
        width: 100%;
        min-height: 650px !important;
        padding-bottom: 80px;
        text-align: center;
        height: 650px !important;
        background: url('../img/cart2.png') no-repeat !important;
        background-size: auto !important;
    }

    #section6b #contentSection6b {
        width: 100%;
        position: relative;
        margin-top: -20px;
        background: url('../img/dot6.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section6b .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6b .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6b h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 20%;
        color: white;
        text-align: left;
    }

    #section6b p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section6b .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section6b .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: center;
        padding-left: 220px !important;
    }

    #section6b .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section7 {
        background: #fff200 url('../img/imp2.png') no-repeat center;
        background-size: auto;
        color: white;
        height: 600px !important;
        text-align: center;
        padding-top: 10%;
    }

    #section7 #contentSection7 {
        width: 100%;
        position: relative;
        margin-top: -50px;
        background: url('../img/dot7.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section7 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section7 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section7 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 27%;
        color: white;
        text-align: left;
    }

    #section7 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section7 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section7 .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: center;
        padding-left: 220px !important;
    }

    #section7 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section8 {
        width: 100%;
        background: url('../img/cream_pixels/cream_pixels.png') repeat;
        text-align: center;
        padding-top: 10%;
        height: 600px !important;
    }
    #section8 #contentSection8 {
        width: 100%;
        position: relative;
        margin-top: -50px;
        background: url('../img/dot8.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section8 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section8 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section8 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 20%;
        color: white;
        text-align: left;
    }

    #section8 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section8 .sec1 {
        float: left;
        width: 40%;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section8 .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: center;
        padding-left: 220px !important;
    }

    #section8 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section9 {
        width: 100%;
        background: #00aeef url('../img/nueve.png') no-repeat center;
        background-size: auto;
        padding-bottom: 100px;
        text-align: center;
        padding-top: 10%;
        height: 650px !important;
    }
    #section9 #contentSection9 {
        width: 100%;
        position: relative;
        margin-top: -40px;
        background: url('../img/dot9.svg') no-repeat center;
        background-size: auto;
        height: 500px;

    }
    #section9 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section9 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section9 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;

    }

    #section9 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section9 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section9 .sec2 {
        float: left;
        width: 75% !important;
        background: none;
        height:390px;
        text-align: center;
        padding-left: 220px !important;
    }

    #section9 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section10 {
        width: 100%;
        background: url('../img/binding_dark/binding_dark.png') repeat;
        color: white;
        height: 670px !important;
    }
    #section10 h2 {
        font-size: 20px;
        font-weight: bold;
        padding-top: 20px;
    }

    .panel {
        border-width:0;
    }
    .formContact {
        margin-top: 10px;
    }
    .logoImage {
        display: none;
        margin-top: 5%;
        margin-bottom: 20px;
    }
}

@media only screen
and (min-width : 1024px)
and (max-width : 768px) {
    .masthead {
        background: none;
        display: none;

    }
    #nav {
        width: 100%;
        position:static;
        top:-32px;
        background-size: 150px;
    }


    #nav.affix {
        position: fixed;
        top: 0;
        z-index:10;
        background: #2e2e2e;
        background-size: 150px;
        -webkit-transition: all .6s ease-in-out;

    }
    .navbar-nav {
        margin: 1px 1px;
    }

    /* customize nav style */
    .navbar-custom {
        background-color: #2e2e2e;
        font-weight:700;
        text-transform:uppercase;
        border-width:0;
    }
    .navbar-custom  .navbar-nav>li>a {
        color: #ddd;
        height: auto;
    }
    .navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
        background-color: #000;
        height: auto;
    }
    .navbar-custom .dropdown-menu{
        right:0;
    }
    .navbar-custom .navbar-nav>.dropdown>a .caret {
        border-top-color: #999;
        border-bottom-color: #999;
    }

    .navbar-collapse.in { /*3.0.2 bug workaround*/
        overflow-y: visible;

    }

    .navbar-toggle {
        outline:0;
    }


    #section1 {
        background: #00aeef url('../img/press.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        height: 600px !important;
        padding-top: 5%;
    }
    #section1 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -9px;
    }
    #section1 .container {
        text-align: justify;
        width: 100%;
        height: 600px;
        background: transparent url('../img/dot.svg') no-repeat center;
        background-size: auto;
        margin-top: -50px;
    }
    #section1 h2 {
        margin-top: 40%;
        font-size: 25px;
        font-weight: bold;
        text-align: left;
    }
    #section1 .lead {
        font-size: 25px;
        margin-bottom: 30px;
    }

    #section1 #contentSection1 {
        /*width: 90%;*/
        margin: 0 auto;
    }

    #section1 p {
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
    }



    #section2 {
        width: 100%;
        height: 700px !important;
        text-align: center;
        background: url('../img/plot1.png') no-repeat !important;
    }

    #section2 #contentSection2 {
        width: 100%;
        position: relative;
        background: url('../img/dot2.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        text-align: center;
        margin-top: -40px;
    }

    #section2 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -9px;
    }
    #section2 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 24%;
        text-align: left;
    }

    #section2 p {
        width: 100%;
        font-size: 12px;
        font-weight: lighter;
        text-align: justify;
        line-height: 18px;
    }
    #section2 .sec1 {
        float: left;
        display: none;
    }
    #section2 .sec2 {
        float: left;
        /*width: 90%;*/
        background: none;
        height:390px;
        padding-left: 30px;
        text-align: center;
        margin-left: 220px;
    }

    #section2 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section3 {
        width: 100%;
        background: url('../img/cream_pixels/cream_pixels.png') repeat;
        padding-top: 10%;
        text-align: center;
        height: 600px !important;

    }
    #section3 #contentSection3 {
        width: 100%;
        position: relative;
        margin-top: -50px;
        background: url('../img/dot3.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section3 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section3 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section3 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;
    }

    #section3 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
    }
    #section3 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section3 .sec2 {
        float: left;
        width: 75%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 220px;
    }

    #section3 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section4 {
        text-align: center;
        width: 100%;
        height: 600px !important;
        background: url('../img/lupa.png') no-repeat !important;
        background-size: auto !important;
    }

    #section4 #contentSection4 {
        width: 100%;
        position: relative;
        margin-top: -40px;
        background: url('../img/dot4.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section4 .sec1 img {
        width: 100%;
        height: auto;
    }

    #section4 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section4 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;
    }

    #section4 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
    }
    #section4 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section4 .sec2 {
        float: left;
        width: 77%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 220px;
    }

    #section4 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section5 {
        background: #e5007d url('../img/plot2.png') no-repeat center;
        background-size: auto;
        color: white;
        width: 100%;
        text-align: center;
        padding-top: 10%;
        height: 600px !important;
    }

    #section5 #contentSection5 {
        width: 100%;
        position: relative;
        background: url('../img/dot5.svg') no-repeat center;
        background-size: auto;
        height: 500px;
        margin-top: -5%;
    }
    #section5 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section5 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section5 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 27%;
        color: white;
        text-align: left;
    }

    #section5 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section5 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section5 .sec2 {
        float: left;
        width: 75%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 220px;
    }

    #section5 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section6 {
        width: 100%;
        padding-bottom: 80px;
        text-align: center;
        min-height: 650px !important;
        height: 650px !important;
        background: url('../img/cart2.png') no-repeat !important;
        background-size: auto !important;
    }

    #section6 #contentSection6 {
        width: 100%;
        position: relative;
        margin-top: -20px;
        background: url('../img/dot6.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section6 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 19%;
        color: white;
        text-align: left;
    }

    #section6 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section6 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section6 .sec2 {
        float: left;
        width: 75%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 220px;
    }

    #section6 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section6b {
        width: 100%;
        min-height: 650px !important;
        padding-bottom: 80px;
        text-align: center;
        height: 650px !important;
        background: url('../img/cart2.png') no-repeat !important;
        background-size: auto !important;
    }

    #section6b #contentSection6b {
        width: 100%;
        position: relative;
        margin-top: -20px;
        background: url('../img/dot6.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section6b .sec1 img {
        width: 100%;
        height: auto;
    }
    #section6b .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section6b h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 20%;
        color: white;
        text-align: left;
    }

    #section6b p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section6b .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section6b .sec2 {
        float: left;
        width: 75%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 220px;
    }

    #section6b .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section7 {
        background: #fff200 url('../img/imp2.png') no-repeat center;
        background-size: auto;
        color: white;
        height: 600px !important;
        text-align: center;
        padding-top: 10%;
    }

    #section7 #contentSection7 {
        width: 100%;
        position: relative;
        margin-top: -50px;
        background: url('../img/dot7.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section7 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section7 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section7 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 27%;
        color: white;
        text-align: left;
    }

    #section7 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section7 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section7 .sec2 {
        float: left;
        width: 75%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 220px;
    }

    #section7 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section8 {
        width: 100%;
        background: url('../img/cream_pixels/cream_pixels.png') repeat;
        text-align: center;
        padding-top: 10%;
        height: 600px !important;
    }
    #section8 #contentSection8 {
        width: 100%;
        position: relative;
        margin-top: -50px;
        background: url('../img/dot8.svg') no-repeat center;
        background-size: auto;
        height: 500px;
    }
    #section8 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section8 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section8 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 20%;
        color: white;
        text-align: left;
    }

    #section8 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section8 .sec1 {
        float: left;
        width: 40%;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section8 .sec2 {
        float: left;
        width: 75%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 220px;
    }

    #section8 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }

    #section9 {
        width: 100%;
        background: #00aeef url('../img/nueve.png') no-repeat center;
        background-size: auto;
        padding-bottom: 100px;
        text-align: center;
        padding-top: 10%;
        height: 650px !important;
    }
    #section9 #contentSection9 {
        width: 100%;
        position: relative;
        margin-top: -40px;
        background: url('../img/dot9.svg') no-repeat center;
        background-size: auto;
        height: 500px;

    }
    #section9 .sec1 img {
        width: 100%;
        height: auto;
    }
    #section9 .sec2 img {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-top: -5px;
    }
    #section9 h2 {
        font-size: 25px;
        font-weight: bold;
        margin-top: 25%;
        color: white;
        text-align: left;

    }

    #section9 p {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        font-weight: lighter;
        color: white;
        text-align: justify;
    }
    #section9 .sec1 {
        width: 40%;
        float: left;
        margin-right: 50px;
        display: none;
        margin-top: 60px;
    }
    #section9 .sec2 {
        float: left;
        width: 75%;
        background: none;
        height:390px;
        text-align: justify;
        padding-left: 220px;
    }

    #section9 .sec2 hr {
        width: 100%;
        margin-left: 0;
        text-align: left;
    }



    #section10 {
        width: 100%;
        background: url('../img/binding_dark/binding_dark.png') repeat;
        color: white;
        height: 670px !important;
    }
    #section10 h2 {
        font-size: 20px;
        font-weight: bold;
        padding-top: 20px;
    }

    .panel {
        border-width:0;
    }
    .formContact {
        margin-top: 10px;
    }
    .logoImage {
        display: none;
        margin-top: 5%;
        margin-bottom: 20px;
    }
}