html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;

}
h1{

  padding: 90px 90px 0 90px;
  font-size: 3.9em;
  text-align: center;
}

h2{  
  font-size: 1.9em;
  text-align: center;
}
h3{  
  font-size: 1.9em;
}
.nexu-pro{
  background-color:#B3F700;
  
}

@media (max-width: 600px) {

	.box {
           
            width: 100%;
            overflow: hidden !important;
            padding-top: 75%;
	    height:100% !important;

        }

  #main-banner {
    /* width: 2000px;
    height: 800px; */
    background: url("img/clip-path-group-7.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size:100%;
  }
  #main-banner-content {
    height: 100px;
    width: 80%;
    margin: auto;
    padding: 20px 0 0 0;
    position: relative;
    background-color: #2FCD20;
    font-size: 12px;
    
  }

  .div-b{
    padding: 37% 0 0 0;
  }

  .div-b-telamaior{
    padding: 55% 0 0 0;
  }

  .diploma{    
      background: url("img/clip-path-group-4.png");
      background-size: cover;
      height: 10%;

    }
    .img-aluno{
      margin: 50px 10px 50px 30px;
      height: 50%;
    }


    .diploma-digital-titulo {
      font-size: 1.0em;
      float: right;
      justify-content: right;
      margin-top: 200px;
      flex-direction: row;
      justify-content: center;
      display: block;
      margin-right: 10px;
      text-align: right;
    }
    .diploma-digital-texto-verde {
      font-size: 1.5em;
      float: right;
      margin-top: 80%;
      flex-direction: row;
      justify-content: right;
      display: block;
      margin: 0 0 0 0;
      text-align: right;
      color: #2FCD20;
      padding: 45px 7px 0px 0;
    }
    .diploma-digital-texto {
      font-size: 20px;
      float: right;
      margin-top: 80%;
      flex-direction: row;
      justify-content: right;
      display: block;
      margin: 35px 0px 0px -54px;
      line-height: 30pt;
      text-align: right;
    }

    .diploma-digital-botton{
      font-size: 1.5em;
      float: right;
      justify-content: right;
      margin-top: 90%;
      flex-direction: row;
      display: block;
      margin: 300px 0 127px 527px;
      line-height: 30pt;
    }


    .gallery {
      display: flex;
      justify-content: center; /* Alinhamento horizontal */
      align-items: center; /* Alinhamento vertical */
      width: 100%;
      height: 300px;
    }
    
    .gallery .image {
      width: 40%;
      height: 150px;
    }
  
  #banner-aluno {
    /* width: 2000px;
    height: 800px; */
    background: url("img/aluno.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-size:100%;
  }
  #banner-aluno-content {
    /* height: 100px;
    width: 900px; */
    margin: auto;
    padding: 30px 0 0 0;
    position: relative;
    background-color: #2FCD20;
    
  }
  .texto-direito{
    text-align: right;
    font-size: 1.3em;
  }
  .texto-center{
    text-align: center;
  }
  .texto-esquerda{
    text-align: left;
    margin: 0 0 0 0;
    font-size: 20px;
  }
  #banner-secretaria {
    width: 100%;
    height: 100%; 
    background: url("img/secretaria.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  #banner-secretaria-content {
    height: 100px;
    width: 900px;
    margin: auto;
    padding: 30px 0 0 0;
    position: relative;
    
  }

  .secretaria-texto-azul {
    font-size: 1.5em;
    float: left;
    margin-top: 80%;
    flex-direction: row;
    justify-content: left;
    display: block;
    margin: 0 0 0 0;
    /* line-height: 30pt; */
    text-align: left;
    color: #2FCD20;
    padding: 45px 0px 0 0px;
  }
  .secretaria-texto {
    font-size: 1.2em;
    float: left;
    margin-top: 80%;
    flex-direction: row;
    justify-content: left;
    display: block;
    margin: 0 0 0 0;
    line-height: 30pt;
    text-align: left;
    padding: 25px 0px 0px 0px;
  }
  #banner-assinatura {
    /* width: 2000px;
    height: 800px; */
    background: url("img/assinaturas.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-size:100%
  }
  .assinatura-texto {
    font-size: 1.2em;
    float: right;
    margin-top: 80%;
    flex-direction: row;
    justify-content: right;
    display: block;
    margin: 21px 0 0 0;
    line-height: 30pt;
    text-align: right;
  }
  .assinatura-texto-verde {
    font-size: 1.5em;
    float: right;
    margin-top: 80%;
    flex-direction: row;
    justify-content: right;
    display: block;
    margin: 0 0 0 0;
    /* line-height: 30pt; */
    text-align: right;
    color: #2FCD20;
    padding: 20px 0px 0px 0px;
  }


  #banner-digitalizacao {
    /* width: 2000px;
    height: 800px; */
    background: url("img/digitalizacao.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-size:100%
  }
  .digitalizacao-texto {
    font-size: 1.2em;
    float: left;
    margin-top: 80%;
    flex-direction: row;
    justify-content: left;
    display: block;
    margin: 0 0 0 0;
    line-height: 30pt;
    text-align: left;
    padding: 25px 0 0 0;
  }
  .digitalizacao-texto-azul {
    font-size: 1.5em;
    float: left;
    margin-top: 80%;
    flex-direction: row;
    justify-content: left;
    display: block;
    margin: 0 0 0 0;
    /* line-height: 30pt; */
    text-align: left;
    color: #2FCD20;
    padding: 25px 0 0 0;
  }
  .gestao{
    background-color: #B3F700;
    padding: 0 0 0 0;
    font-size: 12px;
    border-radius: 80px;
  }
  .gestao-contato{
    background-color: #2FCD20;
    padding: 0 0 0 0;
    font-size: 12px;    
    border-radius: 90px;
  }

  .foto-reuniao{
    background: url("img/imagem_reuniao.png");
    background-size: cover;
  }

  .fale{
    background-color: #6327D4;
    padding: 30px;
    margin-top: -70px;
    border-radius: 90px;
  }
  .contato{
    padding: 10px;
    color: #ffffff;
    text-align: center;
  }
}

@media (min-width: 768px) {

        
      #main-banner {
        /* width: 2000px;
        height: 800px; */
        background: url("img/clip-path-group-7.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-size:100%;
      }
      #main-banner-content {
        height: 100px;
        width: 80%;
        margin: auto;
        padding: 30px 0 0 0;
        position: relative;
        background-color: #2FCD20;
        
      }

      .div-b{
        padding: 37% 0 0 0;
      }

      .div-b-telamaior{
        padding: 55% 0 0 0;
      }

      .diploma{    
          background: url("img/clip-path-group-4.png");
          background-size: cover;
          height: 10%;

        }
        .img-aluno{
          margin: 50px 10px 50px 30px;
          height: 50%;
        }


        .diploma-digital-titulo {
          font-size: 2.8em;
          float: right;
          justify-content: right;
          margin-top: 200px;
          flex-direction: row;
          justify-content: center;
          display: block;
          margin-right: 10px;
          text-align: right;
        }
        .diploma-digital-texto-verde {
          font-size: 3.5em;
          float: right;
          margin-top: 80%;
          flex-direction: row;
          justify-content: right;
          display: block;
          margin: 67px -92px 85px 27px;
          /* line-height: 30pt; */
          text-align: right;
          color: #2FCD20;
        }
        .diploma-digital-texto {
          font-size: 1.4em;
          float: right;
          margin-top: 80%;
          flex-direction: row;
          justify-content: right;
          display: block;
          margin: 67px -3px 85px 120px;
          line-height: 30pt;
          text-align: right;
        }

        .diploma-digital-botton{
          font-size: 1.5em;
          float: right;
          justify-content: right;
          margin-top: 90%;
          flex-direction: row;
          display: block;
          margin: 300px 0 127px 527px;
          line-height: 30pt;
        }


        .gallery {
          display: flex;
          justify-content: center; /* Alinhamento horizontal */
          align-items: center; /* Alinhamento vertical */
          width: 100%;
          height: 300px;
        }
        
        .gallery .image {
          width: 40%;
          height: 150px;
        }
      
      #banner-aluno {
        /* width: 2000px;
        height: 800px; */
        background: url("img/aluno.png");
        background-size: cover;
      }
      #banner-aluno-content {
        /* height: 100px;
        width: 900px; */
        margin: auto;
        padding: 30px 0 0 0;
        position: relative;
        background-color: #2FCD20;
        
      }
      .texto-direito{
        text-align: right;
      }
      .texto-center{
        text-align: center;
      }
      .texto-esquerda{
        text-align: left;
        margin: 67px -92px 85px 27px;
      }
      #banner-secretaria {
        /* width: 2000px;
        height: 800px; */
        background: url("img/secretaria.png");
        background-size: cover;
      }

      #banner-secretaria-content {
        height: 100px;
        width: 900px;
        margin: auto;
        padding: 30px 0 0 0;
        position: relative;
        
      }

      .secretaria-texto-azul {
        font-size: 3.5em;
        float: left;
        margin-top: 80%;
        flex-direction: row;
        justify-content: left;
        display: block;
        margin: 67px -92px 85px 27px;
        /* line-height: 30pt; */
        text-align: left;
        color: #2FCD20;
      }
      .secretaria-texto {
        font-size: 1.4em;
        float: left;
        margin-top: 80%;
        flex-direction: row;
        justify-content: left;
        display: block;
        margin: 67px -3px 85px 27px;
        line-height: 30pt;
        text-align: left;
      }
      #banner-assinatura {
        /* width: 2000px;
        height: 800px; */
        background: url("img/assinaturas.png");
        background-size: cover;
      }
      .assinatura-texto {
        font-size: 1.4em;
        float: right;
        margin-top: 80%;
        flex-direction: row;
        justify-content: right;
        display: block;
        margin: 67px -3px 85px 27px;
        line-height: 30pt;
        text-align: right;
      }
      .assinatura-texto-verde {
        font-size: 3.5em;
        float: right;
        margin-top: 80%;
        flex-direction: row;
        justify-content: right;
        display: block;
        margin: 67px -92px 85px 27px;
        /* line-height: 30pt; */
        text-align: right;
        color: #2FCD20;
      }


      #banner-digitalizacao {
        /* width: 2000px;
        height: 800px; */
        background: url("img/digitalizacao.png");
        background-size: cover;
      }
      .digitalizacao-texto {
        font-size: 1.4em;
        float: left;
        margin-top: 80%;
        flex-direction: row;
        justify-content: left;
        display: block;
        margin: 67px -3px 85px 27px;
        line-height: 30pt;
        text-align: left;
      }
      .digitalizacao-texto-azul {
        font-size: 3.5em;
        float: left;
        margin-top: 80%;
        flex-direction: row;
        justify-content: left;
        display: block;
        margin: 0 0 0 -65px;
        /* line-height: 30pt; */
        text-align: left;
        color: #2FCD20;
      }
      .gestao{
        background-color: #B3F700;
        padding: 30px 0 0 0;
      }
      .gestao-contato{
        background-color: #2FCD20;
        padding: 30px 0 0 0;
      }

      .foto-reuniao{
        background: url("img/imagem_reuniao.png");
        background-size: cover;
      }

      .fale{
        background-color: #6327D4;
        padding: 30px;
        margin-top: -70px;
      }
      .contato{
        padding: 10px;
        color: #ffffff;
      }
}
@media (min-width: 992px) {

  
#main-banner {
  /* width: 2000px;
  height: 800px; */
  background: url("img/clip-path-group-7.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-size:100%;
}
#main-banner-content {
  height: 100px;
  width: 80%;
  margin: auto;
  padding: 30px 0 0 0;
  position: relative;
  background-color: #2FCD20;
  
}

.div-b{
  padding: 37% 0 0 0;
}

.div-b-telamaior{
  padding: 55% 0 0 0;
}

.diploma{    
    background: url("img/clip-path-group-4.png");
    background-size: cover;
    height: 10%;

  }
  .img-aluno{
    margin: 50px 10px 50px 30px;
    height: 50%;
  }


  .diploma-digital-titulo {
    font-size: 2.8em;
    float: right;
    justify-content: right;
    margin-top: 200px;
    flex-direction: row;
    justify-content: center;
    display: block;
    margin-right: 10px;
    text-align: right;
  }
  .diploma-digital-texto-verde {
    font-size: 3.5em;
    float: right;
    margin-top: 80%;
    flex-direction: row;
    justify-content: right;
    display: block;
    margin: 67px -92px 85px 27px;
    /* line-height: 30pt; */
    text-align: right;
    color: #2FCD20;
  }
  .diploma-digital-texto {
    font-size: 1.4em;
    float: right;
    margin-top: 80%;
    flex-direction: row;
    justify-content: right;
    display: block;
    margin: 67px -3px 85px 120px;
    line-height: 30pt;
    text-align: right;
  }

  .diploma-digital-botton{
    font-size: 1.5em;
    float: right;
    justify-content: right;
    margin-top: 90%;
    flex-direction: row;
    display: block;
    margin: 300px 0 127px 527px;
    line-height: 30pt;
  }


  .gallery {
    display: flex;
    justify-content: center; /* Alinhamento horizontal */
    align-items: center; /* Alinhamento vertical */
    width: 100%;
    height: 300px;
  }
  
  .gallery .image {
    width: 40%;
    height: 150px;
  }
 
#banner-aluno {
  /* width: 2000px;
  height: 800px; */
  background: url("img/aluno.png");
  background-size: cover;
}
#banner-aluno-content {
  /* height: 100px;
  width: 900px; */
  margin: auto;
  padding: 30px 0 0 0;
  position: relative;
  background-color: #2FCD20;
  
}
.texto-direito{
  text-align: right;
}
.texto-center{
  text-align: center;
}
.texto-esquerda{
  text-align: left;
  margin: 67px -92px 85px 27px;
}
#banner-secretaria {
  /* width: 2000px;
  height: 800px; */
  background: url("img/secretaria.png");
  background-size: cover;
}

#banner-secretaria-content {
  height: 100px;
  width: 900px;
  margin: auto;
  padding: 30px 0 0 0;
  position: relative;
  
}

.secretaria-texto-azul {
  font-size: 3.5em;
  float: left;
  margin-top: 80%;
  flex-direction: row;
  justify-content: left;
  display: block;
  margin: 67px -92px 85px 27px;
  /* line-height: 30pt; */
  text-align: left;
  color: #2FCD20;
}
.secretaria-texto {
  font-size: 1.4em;
  float: left;
  margin-top: 80%;
  flex-direction: row;
  justify-content: left;
  display: block;
  margin: 67px -3px 85px 27px;
  line-height: 30pt;
  text-align: left;
}
#banner-assinatura {
  /* width: 2000px;
  height: 800px; */
  background: url("img/assinaturas.png");
  background-size: cover;
}
.assinatura-texto {
  font-size: 1.4em;
  float: right;
  margin-top: 80%;
  flex-direction: row;
  justify-content: right;
  display: block;
  margin: 67px -3px 85px 27px;
  line-height: 30pt;
  text-align: right;
}
.assinatura-texto-verde {
  font-size: 3.5em;
  float: right;
  margin-top: 80%;
  flex-direction: row;
  justify-content: right;
  display: block;
  margin: 67px -92px 85px 27px;
  /* line-height: 30pt; */
  text-align: right;
  color: #2FCD20;
}


#banner-digitalizacao {
  /* width: 2000px;
  height: 800px; */
  background: url("img/digitalizacao.png");
  background-size: cover;
}
.digitalizacao-texto {
  font-size: 1.4em;
  float: left;
  margin-top: 80%;
  flex-direction: row;
  justify-content: left;
  display: block;
  margin: 67px -3px 85px 27px;
  line-height: 30pt;
  text-align: left;
}
.digitalizacao-texto-azul {
  font-size: 3.5em;
  float: left;
  margin-top: 80%;
  flex-direction: row;
  justify-content: left;
  display: block;
  margin: 0 0 0 -65px;
  /* line-height: 30pt; */
  text-align: left;
  color: #2FCD20;
}
.gestao{
  background-color: #B3F700;
  padding: 30px 0 0 0;
}
.gestao-contato{
  background-color: #2FCD20;
  padding: 30px 0 0 0;
}

.foto-reuniao{
  background: url("img/imagem_reuniao.png");
  background-size: cover;
}

.fale{
  background-color: #6327D4;
  padding: 30px;
  margin-top: -70px;
}
.contato{
  padding: 10px;
  color: #ffffff;
}

}
@media (min-width: 1200px) {

  
#main-banner {
  /* width: 2000px;
  height: 800px; */
  background: url("img/clip-path-group-7.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-size:100%;
}
#main-banner-content {
  height: 100px;
  width: 80%;
  margin: auto;
  padding: 30px 0 0 0;
  position: relative;
  background-color: #2FCD20;
  
}

.div-b{
  padding: 37% 0 0 0;
}

.div-b-telamaior{
  padding: 55% 0 0 0;
}

.diploma{    
    background: url("img/clip-path-group-4.png");
    background-size: cover;
    height: 10%;

  }
  .img-aluno{
    margin: 50px 10px 50px 30px;
    height: 50%;
  }


  .diploma-digital-titulo {
    font-size: 2.8em;
    float: right;
    justify-content: right;
    margin-top: 200px;
    flex-direction: row;
    justify-content: center;
    display: block;
    margin-right: 10px;
    text-align: right;
  }
  .diploma-digital-texto-verde {
    font-size: 3.5em;
    float: right;
    margin-top: 80%;
    flex-direction: row;
    justify-content: right;
    display: block;
    margin: 67px -92px 85px 27px;
    /* line-height: 30pt; */
    text-align: right;
    color: #2FCD20;
  }
  .diploma-digital-texto {
    font-size: 1.4em;
    float: right;
    margin-top: 80%;
    flex-direction: row;
    justify-content: right;
    display: block;
    margin: 67px -3px 85px 120px;
    line-height: 30pt;
    text-align: right;
  }

  .diploma-digital-botton{
    font-size: 1.5em;
    float: right;
    justify-content: right;
    margin-top: 90%;
    flex-direction: row;
    display: block;
    margin: 300px 0 127px 527px;
    line-height: 30pt;
  }


  .gallery {
    display: flex;
    justify-content: center; /* Alinhamento horizontal */
    align-items: center; /* Alinhamento vertical */
    width: 100%;
    height: 300px;
  }
  
  .gallery .image {
    width: 40%;
    height: 150px;
  }
 
#banner-aluno {
  /* width: 2000px;
  height: 800px; */
  background: url("img/aluno.png");
  background-size: cover;
}
#banner-aluno-content {
  /* height: 100px;
  width: 900px; */
  margin: auto;
  padding: 30px 0 0 0;
  position: relative;
  background-color: #2FCD20;
  
}
.texto-direito{
  text-align: right;
}
.texto-center{
  text-align: center;
}
.texto-esquerda{
  text-align: left;
  margin: 30PX -92px 30px 27px;
}
#banner-secretaria {
  /* width: 2000px;
  height: 800px; */
  background: url("img/secretaria.png");
  background-size: cover;
}

#banner-secretaria-content {
  height: 100px;
  width: 900px;
  margin: auto;
  padding: 30px 0 0 0;
  position: relative;
  
}

.secretaria-texto-azul {
  font-size: 3.5em;
  float: left;
  margin-top: 80%;
  flex-direction: row;
  justify-content: left;
  display: block;
  margin: 0 0 0 -60px;
  /* line-height: 30pt; */
  text-align: left;
  color: #2FCD20;
}
.secretaria-texto {
  font-size: 1.4em;
  float: left;
  margin-top: 80%;
  flex-direction: row;
  justify-content: left;
  display: block;
  margin: 67px -3px 85px 27px;
  line-height: 30pt;
  text-align: left;
}
#banner-assinatura {
  /* width: 2000px;
  height: 800px; */
  background: url("img/assinaturas.png");
  background-size: cover;
}
.assinatura-texto {
  font-size: 1.4em;
  float: right;
  margin-top: 80%;
  flex-direction: row;
  justify-content: right;
  display: block;
  margin: 67px -3px 85px 27px;
  line-height: 30pt;
  text-align: right;
}
.assinatura-texto-verde {
  font-size: 3.5em;
  float: right;
  margin-top: 80%;
  flex-direction: row;
  justify-content: right;
  display: block;
  margin: 67px -92px 85px 27px;
  /* line-height: 30pt; */
  text-align: right;
  color: #2FCD20;
}


#banner-digitalizacao {
  /* width: 2000px;
  height: 800px; */
  background: url("img/digitalizacao.png");
  background-size: cover;
}
.digitalizacao-texto {
  font-size: 1.4em;
    float: left;
    margin-top: 80%;
    flex-direction: row;
    justify-content: left;
    display: block;
    margin: 75px -3px 50px 27px;
    line-height: 30pt;
    text-align: left;
}
.digitalizacao-texto-azul {
  font-size: 3.5em;
  float: left;
  margin-top: 80%;
  flex-direction: row;
  justify-content: left;
  display: block;
  margin: 0 0 0 -65px;
  /* line-height: 30pt; */
  text-align: left;
  color: #2FCD20;
}
.gestao{
  background-color: #B3F700;
  padding: 30px 0 0 0;
}
.gestao-contato{
  background-color: #2FCD20;
  padding: 30px 0 0 0;
}

.foto-reuniao{
  background: url("img/imagem_reuniao.png");
  background-size: cover;
}

.fale{
  background-color: #6327D4;
  padding: 30px;
  margin-top: -70px;
}
.contato{
  padding: 10px;
  color: #ffffff;
}
}
.box {
            position: relative;
            width: 100%;
            overflow: hidden;
            padding-top: 75%;
        }

        .iframe-element {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            border: none;
	    overflow-x: hidden;
	    padding: 0px;
	    overflow: hidden;
	    height: 100%;
        }