/* Fonts */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

/* SlimJoe */



textarea {
  min-height: 200px;
  resize: none;
}



/* Document setup */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

}

/* Typography */


body {
  background: url("../images/backgrounds/pattern-bg.jpg") repeat left top;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  letter-spacing: .05em;
  color: #4D4D4D;;
  font-family: "Gotham", Helvetica, Arial, sans-serif;
}

body.no-scroll {
  overflow: hidden;
}

h1, h3{
  font-family: "Gotham", Helvetica, Arial, sans-serif;

}


.all-chapters-menu h2 {
  text-align: center;
  font-size: .7em;
  color: #804C35;
  font-weight: 700;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 20px;
  border-bottom: 6px solid #ADCD35;

}

.all-chapters.all-chapters h2 {
  text-align: center;
  font-size: .8em;
  color: #804C35;
  font-weight: 700;
  padding: 0px 20px;
}

h2 {
  text-align: center;
  font-size: 1.8em;
  color: #4D4D4D;
  font-weight: bold;
  
}
h2.separator  {
  color: #4D4D4D;
  text-transform: uppercase;
}

h4 {
  text-align: left;
  font-size: 1.6em;
  color: #4D4D4D;
  font-weight: 700;
  text-transform: none;
  padding-top: 60px;
  padding-bottom: 40px;
}

h3.separator {
  text-align: center;
  font-size: 1.8em;
  color: #4D4D4D;
  font-weight: 300;
  text-transform: none;
}

p, ol, ul {
  font-size: 1.3em;
  font-family: "Gotham", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #222222;
  text-align: left;
  margin-bottom: 1.6em;
}

ol.main > li, ul.main > li {
    
    list-style-position: outside;
    margin-left: 1em;
  }

  ol.main.letters {
    list-style: lower-latin;
  }


p.smaller {
  font-size: 1em;
  margin-bottom: 4px;
}

h5 {
  font-size: 1.2em;
  font-family: "Gotham", Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #804C35;
  text-align: center;
}

h5.grey {
  font-size: .8em;
  font-family: "Gotham", Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #222222;
  text-align: center;
  margin-bottom: 30px;
}

h6 {
  font-size: 1.3em;
  font-family: "Gotham", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #4D4D4D;;
  text-align: left;
  margin-bottom: 1.6em;
}



.partners {
  font-size: 1.2em;
  font-family: "Gotham", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #804C35;
  text-align: left;
}

.menu h3 .menu h4 {
    color: #ADCD35;
    text-align: center;
    margin: 0;
    padding: 10px 0 0;
}

a {
    text-decoration: none;
    color: #F07032;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

a:hover {
  color: #F07032;
}

.lf {
  font-size: 1.5em;
  font-family: "Gotham", Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #005524;
  text-align: left;
}

.italic {
  font-style: italic;
}

h3.na-pratica {
  text-align: left;
  font-size: 2.5em;
  color: #ADCD35;
  font-weight: 700;

}

h3.na-pratica-orange {
  text-align: left;
  font-size: 2.5em;
  color: #F07032;
  font-weight: 700;

}
.resposta{
  font-size: .9em;
}

h3.na-pratica.brown-type {
  color: #804C35;
}

.underline {
  text-decoration: underline;
}

.bold {
  font-weight: 700;
}

.brown {
  font-size: 1.1em;
  color: #804C35;
}

td {
  vertical-align: top;
}

.videoWrapper {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dark-grey {
  color: #222222;
}
.more-space {
  margin-top: 80px;
}


/* Custom ultilities */
  /* Centered */

  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  .vertical-centered {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;

  }

.center {
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}

.lower {
  padding-top: 30px;
}
section  {
  text-align: center;
  padding: 35px 0;
}

#entrevista-mobile, #entrevista-2-mobile, #entrevista-3-mobile, #entrevista-4-mobile{
  display: none;
}

#entrevista, #entrevista-mobile, #entrevista-2, #entrevista-2-mobile, #entrevista-3, #entrevista-3-mobile, #entrevista-4, #entrevista-4-mobile {
  padding: 0px;
}

.middle {
  margin:auto;
  text-align: center;
  padding-top: 20px;
}



.chapters-numbers-navigation img {
  padding-right: 10%;
}

/* CHAPTER 1 */


#chapter-number-3-1 {
  opacity: .4;
  padding-right: 0%;
}
#chapter-number-2-1 {
  opacity: .4;
}

#chapter-number-3-1:hover {
  opacity: 1;
  padding-right: 0%;
}
#chapter-number-2-1:hover {
  opacity: 1;
}

/* CHAPTER 2 */

#chapter-number-1-2 {
  opacity: .4;
}

#chapter-number-1-2:hover {
  opacity: 1;
}

#chapter-number-3-2 {
  opacity: .4;
  padding-right: 0%;
}

#chapter-number-3-2:hover {
  opacity: 1;
  padding-right: 0%;
}

/* CHAPTER 3 */


#chapter-number-3-3 {
  padding-right: 0%;
}

#chapter-number-2-3 {
  opacity: .4;
}

#chapter-number-2-3:hover {
  opacity: 1;
}

#chapter-number-1-3:hover {
  opacity: 1;
 }

 #chapter-number-1-3 {
  opacity: .4;
 }




/* Images
------------------*/
.illustrations {
  margin-bottom: 30px;
}




/* Buttons 
------------------*/
.button-about {
    color: #804C35;
    border-color: #ADCD35;
    text-align: center;
    font-family: "Gotham", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    height:50px;
    font-weight: 300;
    text-decoration: none;
    text-transform: none;
    display: inline-block;
    
}

.button-about:hover {
    color: #804C35;
    border-color: #ADCD35;
    background: none;
    }
.button-about:focus {
    color: #804C35;
    border-color: #ADCD35;
    background: none;
    }

.dropdownwrap{
    height:auto;
    float:left;
    margin:80px 0px 20px 0px;
    display:none;
    padding:20px;
}

/* Menu */

.overlay {
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: .95;
}

.overlay .menu {
    margin: 42px auto;
    width: 80%;
}

.overlay .menu ul {
    margin: 0;
    padding-right: 25px;
    width: 100%;
}


.overlay .menu ul li {
    float: left;
    padding: 10px 0px;
    width: 33%;
    list-style: none;
    text-align: left;
    text-transform: none;
}

.overlay .menu ul li a {
    color: #804C35;
    font-size: 1.2em;
}

.overlay .menu ul ul {
    margin-top: 30px;
    margin-bottom: 30px;
}

.overlay .menu ul ul li {
    position: relative;
    float: none;
    margin: 0;
    width: 100%;
    border: 0;
}

.overlay .menu ul ul li a  {
    color: #804C35;
    text-transform: none;
    font-weight: 300;
    font-size: .9em;
    text-align: left;
    line-height: 1.3em;
}

.overlay .menu ul ul li a.chapter-level-1   {
    color: #804C35;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9em;
    text-align: left;
    line-height: 1.2em;
}

.overlay .menu ul ul li a.chapter-level-2   {
    color: #804C35;
    text-transform: none;
    font-weight: 500;
    font-size: .9em;
    text-align: left;
    line-height: 1.3em;
}

.overlay .menu ul ul li a.video-na-pratica  {
    color: #ADCD35;
    text-transform: none;
    font-weight: 500;
    font-size: .9em;
    text-align: left;
    line-height: 1.3em;
}

.overlay .menu ul ul li a.video-um-minuto {
  color: #F07032;
    text-transform: none;
    font-weight: 500;
    font-size: .9em;
    text-align: left;
    line-height: 1.3em;

}


.overlay .menu ul ul li a:hover {
    text-decoration: underline;
    
}



/* Menu Responsive */

@media screen and (max-width: 768px) {
    .overlay .menu ul li {
        float: none;
        margin-bottom: 50px;
        width: 100%;
        border-bottom: 1px solid #ADCD35;
    }
    .overlay .menu ul li:last-child {
        border: 0;
    }
    .overlay .menu ul ul {
        margin-top: 20px;
    }
    .menu-btn {
        right: 25px;
    }
}

@media (min-width: 769px)  and (max-width: 850px) {
    .overlay .menu ul ul li a {
    color: #804C35;
    text-transform: none;
    font-weight: 300;
    font-size: 1em;
    text-align: left;
    line-height: 1.2em;
}

.overlay .menu ul ul li a:hover {
    color: #ADCD35;
    font-weight: 300;
    font-size: 1em;
}
}

/* Menu Buttons */

.menu-btn {
    position: fixed;
    top: 25px;
    right: 5%;
    z-index: 999;
    display: inline;
    font-size: 40px;
    
}


.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}

.btn-open:after {
    color: #ADCD35;
    content: "\f394";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-open:hover:after {
    color: #95B169;
}

.btn-close:after {
    position: fixed;
    top: 25px;
    right: 6%;
    color: #ADCD35;
    content: "\f2d7";
    font-family: "Ionicons";
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.btn-close:hover:after {
    color: #95B169;
}

/* Landing page chapters
------------------*/

.all-chapters {
    list-style: none;
    margin: 10px 0px 10px 0px;
}
.all-chapters .chapter-image {
  height: 120px;
 

}
.all-chapters .chapter-image img {
  display: table-cell;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.all-chapters-menu .chapter-image {
  height: 120px;
 

}
.all-chapters-menu .chapter-image img {
  display: table-cell;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}




/* Logos Partners
------------------*/


.logos {
  padding-top: 50px;
  padding-bottom: 50px;  
}

.logos-sm {
  max-width: 120px;
  vertical-align: middle;  
  padding-top: 20px;
}

.logos-smaller-second-row.last {
  display: inline-block;
  padding-right: 0px;
}

.logos-smaller, .logos-smaller-second-row {
  display: inline-table;
  padding-right: 80px;
 }

.logos-smaller.last-element {
  padding-right: 0px;
}


/* Fixing the size of Logos in second row
------------------*/


img#anje.logos-sm {
  max-width: 60px;
}
img#ministerio.logos-sm {
  max-width: 140px;
}
img#iapmei.logos-sm {
  max-width: 150px;
}
img#ei.logos-sm {
  max-width: 170px;
}
img#inovisa.logos {
  max-width: 180px;
}


/* Fixing the size and layout of Logos on various screen sizes
------------------*/


@media (min-width: 1168px) {
.logos-sm {
  padding-top: 20px;
}
img#ministerio.logos-sm, img#iapmei.logos-sm, img#ei.logos-sm {
  padding-top: 0px;
}
}

@media (max-width: 580px) {

.logos-smaller-second-row {
  padding-right: 40px;
}
}

@media (max-width: 479px) {

.logos-smaller-second-row, .logos-smaller, .logos-smaller.last-element {
  padding-right: 80px;
}
}

@media (max-width: 1192px) {

#partners-f.partners, #partners-a.partners {
  margin-top: 36px;
  margin-bottom: 4px;
}
}

@media (max-width: 855px) {
  
.logos-smaller, .logos-smaller-second-row {
  display: inline-table;
  margin-bottom: 70px;
}
.last-two {
  margin-top: -70px;
}
}

@media (min-width: 716px) and (max-width: 855px) {

.logos-sm {
  width: 95%;
}  
.logos-smaller {
  padding-right: 40px;
  }
.logos-smaller-second-row {
  padding-right: 40px;
}
}


/* Main and Menu Logos
------------------*/


#main-logo {
  position: absolute;
  top: 44px;
  left: 5%;
}

.chapters-logo {
  float:left;
  position: absolute;
  top:44px;
  left:5%;
}

.menu-logo {
  display: block;
  text-align: center;
  margin-left:auto;
  margin-right: auto;
  margin-bottom: 20px;
} 

/* Hero
-------- */


.hero {
  padding: 0;
  min-height: 1032px;
  text-align: center;
  position: relative;
  background-color: #fafcf8; /* layer fill content */
  color: #B2D233;
}

.hero-image {
  background: url("../images/backgrounds/full/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}

.hero-title {
  visibility: hidden;
}

.hero-capitulo-1, .hero-capitulo-2, .hero-capitulo-3 {
  padding: 0;
  min-height: 750px;
  text-align: center;
  position: relative;
  
}

.hero-capitulo-1-image {
  background: url("../images/backgrounds/capitulo-1-type.png") no-repeat, url("../images/backgrounds/full/capitulo-1-bg.jpg") no-repeat;
  background-size: 345px, cover;
  position: absolute;
  background-position: 50% 45%;
  top: 0; right: 0; bottom: 0; left: 0;

}

.hero-capitulo-2-image {
  background: url("../images/backgrounds/capitulo-2-type.png") no-repeat, url("../images/backgrounds/full/capitulo-2-bg.jpg") no-repeat;
  background-size: 450px, cover;
  position: absolute;
  background-position: 50% 45%;
  top: 0; right: 0; bottom: 0; left: 0;

}

.hero-capitulo-3-image {
  background: url("../images/backgrounds/capitulo-3-type.png") no-repeat, url("../images/backgrounds/full/capitulo-3-bg.jpg") no-repeat;
  background-size: 450px, cover;
  position: absolute;
  background-position: 50% 45%;
  top: 0; right: 0; bottom: 0; left: 0;

}



/* Inside Chapters 
------------------*/
.chapter-name {
  position: absolute;
  top: 0px;
  left: 0px;
}

.sub-chapter-name {
  padding-top: 40px;
}

#Estruturacao-do-modelo-de-negocio-main {
  margin-top: -50px;
}

#constituir-a-empresa {
  margin-top: -10px;
}

.clientes {
  float:right;

}

/* Footer 
------------------*/

.footer {
  color: #804C35;
}

/* Additional elements 
------------------*/

  .separator {
    position: relative;
    margin-bottom: 1.7em;
    padding-bottom: 3em;
    margin-top: 1.5em;
    text-align: center;
    font-weight: bold;
    color: inherit;
  }
  .separator:before {
    content: '';
    position: absolute;
    top: 70%;
    left: 50%;
    width: 86px;
    height: 6px;
    background-color: #B3D335;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .separator-long {
    content: '';
    position: absolute;
    top: -80px;
    left: 50%;
    width: 100%;
    height: 6px;
    margin-top: 40px;
    background-color: #B3D335;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .separator-medium {
    content: '';
    position: absolute;
    top: -50px;
    left: 50%;
    width: 80%;
    height: 1px;
    background-color: #B3D335;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

    .separator-footnote {
    content: '';
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    height: 1px;
    background-color: #B3D335;
   ;
  }


  .separator-na-pratica {
    position: relative;
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 6px;
    width:80%;
    background-color: #B3D335;
  }

   .separator-na-pratica-orange {
    position: relative;
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 6px;
    width:80%;
    background-color: #F07032;
  }
 

   .separator-na-pratica.brown-type {
    
    background-color: #804C35;
  }
  
  

/* MEDIA QUERIES */

/* Smaller than mobile */
@media (max-width: 400px) {
 
 .chapters-logo {
  content: url("../images/logos/200/Logo_GPDEA_white.png");
}

  #main-logo {
  content: url("../images/logos/200/Logo_GPDEA.png");
  }


  .menu-logo {
  content: url("../images/logos/250/Logo_GPDEA.png");
  display: block;
  margin-left: 0px;
  margin-top: 41px;
  margin-bottom: 50px;
}

.btn-close:after {
    position: fixed;
    top: 25px;
    right: 9%;
    
}

  #main-logo, .chapters-logo {
  float:left;
  position: absolute;
  top: 44px;
  left: 4%;
}
 
.hero {
  min-height: 450px; 
}

.hero-image {
  background: url("../images/backgrounds/750/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}


.hero-capitulo-1, .hero-capitulo-2, .hero-capitulo-3 {
 min-height: 550px;  
}

.hero-capitulo-1-image {
  background: url("../images/backgrounds/200/capitulo-1-type.png") no-repeat, url("../images/backgrounds/550/capitulo-1-bg.jpg") no-repeat;
  background-size: 200px, cover;
  position: absolute;
  background-position: 50% 50%;
  top: 0; right: 0; bottom: 0; left: 0;

}

.hero-capitulo-2-image {
  background: url("../images/backgrounds/200/capitulo-2-type.png") no-repeat, url("../images/backgrounds/550/capitulo-2-bg.jpg") no-repeat;
  background-size: 200px, cover;
  position: absolute;
  background-position: 50% 50%;
  top: 0; right: 0; bottom: 0; left: 0;

}

.hero-capitulo-3-image {
  background: url("../images/backgrounds/200/capitulo-3-type.png") no-repeat, url("../images/backgrounds/550/capitulo-3-bg.jpg") no-repeat;
  background-size: 200px, cover;
  position: absolute;
  background-position: 50% 50%;
  top: 0; right: 0; bottom: 0; left: 0;

}


.proposta-de-valor {
  content: url("../images/illustrations/320/proposta-de-valor.jpg");
}

.tela-do-modelo-de-negocio {
  content: url("../images/illustrations/320/tela-do-modelo-de-negocio.jpg");
}

.canais-de-distribucao {
  content: url("../images/illustrations/320/canais-de-distribucao.jpg");
}

.lean {
  content: url("../images/illustrations/320/lean.jpg");
}

.pasos {
  content: url("../images/illustrations/320/pasos.jpg");
}

.recursos_humanos_01 {
  content: url("../images/illustrations/320/recursos_humanos_01.jpg");
}

.recursos_humanos_02 {
  content: url("../images/illustrations/320/recursos_humanos_02.jpg");
}

.recursos_humanos_03 {
  content: url("../images/illustrations/320/recursos_humanos_03.jpg");
}

.os-modelos-do-financiamento {
  content: url("../images/illustrations/320/os-modelos-do-financiamento.jpg");
}

.financiamento-01 {
  content: url("../images/illustrations/320/financiamento-01.jpg");
}

.financiamento-02 {
  content: url("../images/illustrations/320/financiamento-02.jpg");
}

.financiamento-03 {
  content: url("../images/illustrations/320/financiamento-03.jpg");
}

.financiamento-04 {
  content: url("../images/illustrations/320/financiamento-04.jpg");
}

.certificados_empresa {
  content: url("../images/illustrations/320/certificados_empresa.jpg");
}

.certificados_produtos {
  content: url("../images/illustrations/320/certificados_produtos.jpg");
}

}
/* Larger than mobile */
@media (min-width: 401px)  and (max-width: 550px) {


.hero {
  min-height: 450px; 
}

.hero-image {
  background: url("../images/backgrounds/750/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}

.hero-capitulo-1-image {
  background: url("../images/backgrounds/300/capitulo-1-type.png") no-repeat, url("../images/backgrounds/550/capitulo-1-bg.jpg") no-repeat;
  background-size: 300px, cover;
  position: absolute;
  background-position: 50% 50%;
  top: 0; right: 0; bottom: 0; left: 0;

}

.hero-capitulo-2-image {
  background: url("../images/backgrounds/300/capitulo-2-type.png") no-repeat, url("../images/backgrounds/550/capitulo-2-bg.jpg") no-repeat;
  background-size: 300px, cover;
  position: absolute;
  background-position: 50% 50%;
  top: 0; right: 0; bottom: 0; left: 0;

}

.hero-capitulo-3-image {
  background: url("../images/backgrounds/300/capitulo-3-type.png") no-repeat, url("../images/backgrounds/550/capitulo-3-bg.jpg") no-repeat;
  background-size: 300px, cover;
  position: absolute;
  background-position: 50% 50%;
  top: 0; right: 0; bottom: 0; left: 0;

}



#entrevista, #entrevista-2, #entrevista-3, .entrevista-4 {
  display: none;
}
#entrevista-mobile, #entrevista-2-mobile, #entrevista-3-mobile, #entrevista-4-mobile{
  display: inline-block;
}



.proposta-de-valor {
  content: url("../images/illustrations/320/proposta-de-valor.jpg");
}
.tela-do-modelo-de-negocio {
  content: url("../images/illustrations/320/tela-do-modelo-de-negocio.jpg");
}
 
.canais-de-distribucao {
  content: url("../images/illustrations/320/canais-de-distribucao.jpg");
}

.lean {
  content: url("../images/illustrations/320/lean.jpg");
}

.pasos {
  content: url("../images/illustrations/320/pasos.jpg");
}

.recursos_humanos_01 {
  content: url("../images/illustrations/320/recursos_humanos_01.jpg");
}

.recursos_humanos_02 {
  content: url("../images/illustrations/320/recursos_humanos_02.jpg");
}

.recursos_humanos_03 {
  content: url("../images/illustrations/320/recursos_humanos_03.jpg");
}

.os-modelos-do-financiamento {
  content: url("../images/illustrations/320/os-modelos-do-financiamento.jpg");
}

.financiamento-01 {
  content: url("../images/illustrations/320/financiamento-01.jpg");
}

.financiamento-02 {
  content: url("../images/illustrations/320/financiamento-02.jpg");
}

.financiamento-03 {
  content: url("../images/illustrations/320/financiamento-03.jpg");
}

.financiamento-04 {
  content: url("../images/illustrations/320/financiamento-04.jpg");
}

.certificados_empresa {
  content: url("../images/illustrations/320/certificados_empresa.jpg");
}

.certificados_produtos {
  content: url("../images/illustrations/320/certificados_produtos.jpg");
}


}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 551px) and (max-width: 750px) {

.hero {
  min-height: 450px; 
}

.hero-image {
  background: url("../images/backgrounds/750/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}


#entrevista, #entrevista-2, #entrevista-3, #entrevista-4 {
  display: none;
}
#entrevista-mobile, #entrevista-2-mobile, #entrevista-3-mobile, #entrevista-4-mobile{
  display: inline-block;
}




.proposta-de-valor {
  content: url("../images/illustrations/415/proposta-de-valor.jpg");
}
.tela-do-modelo-de-negocio {
  content: url("../images/illustrations/415/tela-do-modelo-de-negocio.jpg");
}

.canais-de-distribucao {
  content: url("../images/illustrations/415/canais-de-distribucao.jpg");
}

.lean {
  content: url("../images/illustrations/415/lean.jpg");
}

.pasos {
  content: url("../images/illustrations/415/pasos.jpg");
}

.recursos_humanos_01 {
  content: url("../images/illustrations/415/recursos_humanos_01.jpg");
}

.recursos_humanos_02 {
  content: url("../images/illustrations/415/recursos_humanos_02.jpg");
}

.os-modelos-do-financiamento {
  content: url("../images/illustrations/415/os-modelos-do-financiamento.jpg");
}

.financiamento-01 {
  content: url("../images/illustrations/415/financiamento-01.jpg");
}

.financiamento-02 {
  content: url("../images/illustrations/415/financiamento-02.jpg");
}

.financiamento-03 {
  content: url("../images/illustrations/415/financiamento-03.jpg");
}

.financiamento-04 {
  content: url("../images/illustrations/415/financiamento-04.jpg");
}

.certificados_empresa {
  content: url("../images/illustrations/415/certificados_empresa.jpg");
}

.certificados_produtos {
  content: url("../images/illustrations/415/certificados_produtos.jpg");
}

  }



/* Larger than tablet */
@media (min-width: 751px) and (max-width: 999px) {


.hero {
  min-height: 750px; 
}

.hero-image {
  background: url("../images/backgrounds/1000/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}


.proposta-de-valor {
  content: url("../images/illustrations/580/proposta-de-valor.jpg");
}
.tela-do-modelo-de-negocio {
  content: url("../images/illustrations/580/tela-do-modelo-de-negocio.jpg");
}

.canais-de-distribucao {
  content: url("../images/illustrations/580/canais-de-distribucao.jpg");
}

.lean {
  content: url("../images/illustrations/580/lean.jpg");
}

.pasos {
  content: url("../images/illustrations/580/pasos.jpg");
}

.recursos_humanos_01 {
  content: url("../images/illustrations/580/recursos_humanos_01.jpg");
}

.recursos_humanos_02 {
  content: url("../images/illustrations/580/recursos_humanos_02.jpg");
}

.os-modelos-do-financiamento {
  content: url("../images/illustrations/580/os-modelos-do-financiamento.jpg");
}

.financiamento-01 {
  content: url("../images/illustrations/580/financiamento-01.jpg");
}

.financiamento-02 {
  content: url("../images/illustrations/580/financiamento-02.jpg");
}

.financiamento-03 {
  content: url("../images/illustrations/580/financiamento-03.jpg");
}

.financiamento-04 {
  content: url("../images/illustrations/580/financiamento-04.jpg");
}

.certificados_empresa {
  content: url("../images/illustrations/580/certificados_empresa.jpg");
}

.certificados_produtos {
  content: url("../images/illustrations/580/certificados_produtos.jpg");
}

}


/* Larger than desktop */
@media (min-width: 1000px) {

.hero {
  min-height: 750px; 
}

.hero-image {
  background: url("../images/backgrounds/1200/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}

.proposta-de-valor {
  content: url("../images/illustrations/750/proposta-de-valor.jpg");
}
.tela-do-modelo-de-negocio {
  content: url("../images/illustrations/750/tela-do-modelo-de-negocio.jpg");
}

.canais-de-distribucao {
  content: url("../images/illustrations/750/canais-de-distribucao.jpg");
}

.lean {
  content: url("../images/illustrations/750/lean.jpg");
}

.pasos {
  content: url("../images/illustrations/750/pasos.jpg");
}

.recursos_humanos_01 {
  content: url("../images/illustrations/750/recursos_humanos_01.jpg");
}

.recursos_humanos_02 {
  content: url("../images/illustrations/750/recursos_humanos_02.jpg");
}

.os-modelos-do-financiamento {
  content: url("../images/illustrations/750/os-modelos-do-financiamento.jpg");
}

.financiamento-01 {
  content: url("../images/illustrations/750/financiamento-01.jpg");
}

.financiamento-02 {
  content: url("../images/illustrations/750/financiamento-02.jpg");
}

.financiamento-03 {
  content: url("../images/illustrations/750/financiamento-03.jpg");
}

.financiamento-04 {
  content: url("../images/illustrations/750/financiamento-04.jpg");
}

.certificados_empresa {
  content: url("../images/illustrations/750/certificados_empresa.jpg");
}

.certificados_produtos {
  content: url("../images/illustrations/750/certificados_produtos.jpg");
}

}


/* Larger than Desktop HD */
@media (min-width: 1200px) {


.hero {
  min-height: 750px; 
}

.hero-image {
  background: url("../images/backgrounds/1300/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}


.hero-capitulo-1, .hero-capitulo-2, .hero-capitulo-3 {
 min-height: 800px;  
}


.proposta-de-valor {
  content: url("../images/illustrations/850/proposta-de-valor.jpg");
}
.tela-do-modelo-de-negocio {
  content: url("../images/illustrations/850/tela-do-modelo-de-negocio.jpg");
}

.canais-de-distribucao {
  content: url("../images/illustrations/850/canais-de-distribucao.jpg");
}

.lean {
  content: url("../images/illustrations/850/lean.jpg");
}

.pasos {
  content: url("../images/illustrations/850/pasos.jpg");
}

.recursos_humanos_01 {
  content: url("../images/illustrations/850/recursos_humanos_01.jpg");
}

.recursos_humanos_02 {
  content: url("../images/illustrations/850/recursos_humanos_02.jpg");
}

.os-modelos-do-financiamento {
  content: url("../images/illustrations/850/os-modelos-do-financiamento.jpg");
}

.financiamento-01 {
  content: url("../images/illustrations/850/financiamento-01.jpg");
}

.financiamento-02 {
  content: url("../images/illustrations/850/financiamento-02.jpg");
}

.financiamento-03 {
  content: url("../images/illustrations/850/financiamento-03.jpg");
}

.financiamento-04 {
  content: url("../images/illustrations/850/financiamento-04.jpg");
}

.certificados_empresa {
  content: url("../images/illustrations/750/certificados_empresa.jpg");
}

.certificados_produtos {
  content: url("../images/illustrations/750/certificados_produtos.jpg");
}


}

@media (min-width: 1300px) {
.hero {
  min-height: 750px; 
}

.hero-image {
  background: url("../images/backgrounds/1600/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}


}

@media (min-width: 1600px) {
.hero {
  min-height: 990px; 
}

.hero-image {
  background: url("../images/backgrounds/full/hero-bg.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}

.hero-capitulo-1, .hero-capitulo-2, .hero-capitulo-3 {
 min-height: 900px;  
}

}