@import url('https://fonts.cdnfonts.com/css/script-mt');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
/*========== RESET ==========*/
* {margin: 0; padding: 0; box-sizing: border-box; border: none;}
body {font-family: Inter, sans-serif; color: #12458d; line-height: 24px;}
.negrito {font-weight: bold;}
.italico {font-style: italic;}
.vermelho {color: #920000;}
.fonte-maior {font-size: 26px; font-weight: 900;}
.fonte-normal {font-size: 17px; font-weight: 500;}
a.link-botao {text-decoration: none;}
a.link-sublinhado {text-decoration: underline; color: #12458d;}
a.link-sublinhado:hover {text-decoration: none; color: #12458d;}
a.link-branco {text-decoration: none; color: #fff;}
a.link-branco:hover {text-decoration: underline; color: #fff;}
a.link-azul {font-size: 17px; font-weight: 500; text-decoration: none; color: #3366ff;}
a.link-azul:hover {text-decoration: underline; color: #3366ff;}
a.azul {text-decoration: none; color: #3366ff;}
a.azul:hover {text-decoration: underline; color: #3366ff;}
a.cor {color: #0398e3;}
a {color: #000; text-decoration: none;}
.link {color: #00f;}
.botao {position: relative; width: 260px; left: 50%; margin-left: -130px; text-align: center; border-radius: 4px; padding: 16px; color: #fff; font-weight: 900; cursor: pointer; background-color: #cc6600;}
.botao:hover {background-color: #996600;}
.divisao {width: 100%; height: 1px; background-color: #12458d;}
.menor {font-size: 18px;}
.titulo, .titulo-glossario, .titulo2 {font-family: Arial,sans-serif; font-weight: 900; font-size: 28px; line-height: 36px; color: #12458d; margin-top: 20px; margin-bottom: 20px;}
.subtitulo {font-family: Arial,sans-serif; font-weight: 700; font-size: 19px; color: #12458d; margin-top: 5px;}
.sub-titulo2 {font-size: 19px;}
.conteudo-margem {position: relative; float: left; width: 100%;}
.conteudo-fora-a-fora {position: relative; float: left; width: 100%; margin-top: 110px; background-color: #006699;}
.img-plano {width: 100%;}
p {margin-bottom: 14px;}
.borda-fora-a-fora {padding: 15px; border: 1px solid #780000;}

/*========== TOPO ==========*/
.topo-fora-a-fora {position: relative; float: left; width: 100%; padding: 30px 0; background-color: #000724;}
.topo-fora-a-fora-index {position: fixed; width: 100%; height: 110px; padding: 25px 0; background-color: #000724; z-index: 9999;}
.topo {position: relative; float: left; width: 100%;}
.img-topo {position: relative; float: left; width: 100%;}
.img-topo img {position: relative; float: left; width: 200px; left: 50%; margin-left: -100px;}
.topo-index {position: relative; float: left; width: 100%; padding: 0 20px;}
.img-topo-index {position: relative; float: left; width: 100%;}
.img-topo-index img {position: relative; float: left; width: 270px; margin-top: 8px; transition: 0.1s ease-out;}
.versiculo {position: relative; float: left; width: 300px; left: 50%; margin-left: -150px; margin-top: 7px; text-align: center; font-family: 'Script MT Bold', sans-serif; font-size: 28px; line-height: 30px; color: #fff;}

/*========== MENU ==========*/
.close {display: flex; width: 100%; height: 110px;}
.close-index {display: flex; width: 100%; height: 110px;}
.mobile-menu {display: none; width: 100%; height: 100%; position: fixed; overflow: auto; background-color: rgba(0,4,19,0.9); top: 0; left: 0; z-index: 9999;}
.menu {display: none;}
.btn-menu {position: absolute; display: block; top: 20px; right: 20px; width: 45px; height: 45px; font-size: 17px; text-align: center; color: #4b4750; border-radius: 56px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,.4); transition: 0.1s ease-out;}
.btn-menu-index {position: absolute; display: block; top: -6px; right: 16px; width: 66px; height: 66px; font-size: 17px; text-align: center; color: #4b4750; background: none; border-radius: 56px; border: 0; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,.4); transition: 0.1s ease-out;}
.btn-close {position: absolute; top: 50px; right: 20px; width: 45px; height: 45px; font-size: 25px; text-align: center; color: #4b4750; border-radius: 56px; cursor: pointer; transition: 0.1s ease-out;}
.btn-close-index {position: absolute; top: 23px; right: 20px; width: 58px; height: 58px; font-size: 40px; text-align: center; color: #fff; background: none; border-radius: 56px; cursor: pointer; transition: 0.1s ease-out;}
.mobile-menu ul {display: block;}
.mobile-menu li {padding: 10px; text-align: center;}
.mobile-menu li a, .menu li {font-size: 16px; font-weight: 600; text-decoration: none; color: #fff; padding: 5px 7px; transition: 0.1s ease-out;}
.mobile-menu li a:hover {text-decoration: underline;}

/* BANNER */
.slider2 {position: relative; float: left; width: 300px; left: 50%; margin-left: -150px;}
.myslide {height: 450px; display: none; overflow: hidden;}
.prev, .next {position: absolute; top: 50%; transform: translate(0, -50%); font-size: 35px; padding: 15px; cursor: pointer; color: #fff; transition: 0.1s; user-select: none; opacity: .4; z-index: 2;}
.prev:hover, .next:hover{opacity: 1;}
.next {right: 0;}
.playpause {position: absolute; top: 85%; left: 50%; margin-left: -34px; padding: 15px; cursor: pointer; color: #fff; transition: 0.1s; user-select: none; opacity: .4; z-index: 2;}
.playpause:hover {opacity: 1;}
.playpause .icon {font-size: 38px; color: #fff;}
.dotsbox {position: absolute; display: none; left: 50%; transform: translate(-50%); bottom: 20px; cursor: pointer;}
.dot {display: inline-block; width: 15px; height: 15px; border: 3px solid #fff; border-radius: 50%; margin: 0 10px; cursor: pointer;}			
.active, .dot:hover {border-color: #00a7ff;}
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 2s; animation-name: fade; animation-duration: 2s;}
@-webkit-keyframes fade {from {opacity: 0.8} to {opacity: 1}}
@keyframes fade {from {opacity: 0.8} to {opacity: 1}}			
/*img.animacao{transform: scale(1.5, 1.5); -webkit-animation-name: zoomin; -webkit-animation-duration: 40s; animation-name: zoomin; animation-duration: 40s;}
@-webkit-keyframes zoomin {from {transform: scale(1, 1);} to {transform: scale(1.3, 1.3);}}
@keyframes zoomin {from {transform: scale(1, 1);} to {transform: scale(1.3, 1.3);}}*/

/*========== SESSÃO 1 ==========*/
.sessao-1-fora-a-fora {position: relative; float: left; width: 100%; margin-top: 110px; font-family: Roboto, arial, sans-serif; background-color: #fff;}
.sessao-1 {position: relative; float: left; width: 100%;}
.titulo-sessao-1-desktop {display: none;}
.titulo-sessao-1 {display: block; position: relative; float: left; width: 100%; text-align: center; font-weight: 900; font-size: 29px; line-height: 40px; color: #222; margin-top: 20px; margin-bottom: 30px;}
.imagem-sessao-1 {position: relative; float: left; width: 100%;}
.imagem-sessao-1 img {position: relative; float: left; width: 320px; height: 218px; left: 50%; margin-left: -160px;}
.descricao-sessao-1 {position: relative; float: left; width: 100%; padding: 30px; font-size: 20px; line-height: 30px; color: #222;}
.texto-sessao-1 {position: relative; float: left; width: 100%; margin-bottom: 30px;}
.botao-sessao-1 {position: relative; float: left; width: 200px; height: 60px; left: 50%; margin-left: -100px; line-height: 48px; text-align: center; font-size: 20px; background: #fff; border: 6px solid #a00; color: #000724; transition: 0.3s ease-out;}
.botao-sessao-1:hover {background: #000724; border: 6px solid #fff; color: #fff;}

/*========== SESSÃO 2 ==========*/
.sessao-2-fora-a-fora {position: relative; float: left; width: 100%; font-family: Roboto, arial, sans-serif; background-color: #000724;}
.sessao-2 {position: relative; float: left; width: 100%;}
.titulo-sessao-2 {position: relative; float: left; width: 100%; text-align: center; font-weight: 900; font-size: 29px; line-height: 40px; color: #fff; margin-bottom: 30px;}
.imagem-sessao-2 {position: relative; float: left; width: 100%; height: 250px; background: url(../img/02.png); background-size: cover; background-position: center;}
.descricao-sessao-2 {position: relative; float: left; width: 100%; padding: 30px; font-size: 20px; line-height: 30px; color: #fff;}
.texto-sessao-2 {position: relative; float: left; width: 100%; margin-bottom: 30px;}
.botao-sessao-2 {position: relative; float: left; width: 200px; height: 60px; left: 50%; margin-left: -100px; line-height: 48px; text-align: center; font-size: 20px; background: #000724; border: 6px solid #fff; color: #fff; transition: 0.3s ease-out;}
.botao-sessao-2:hover {background: #fff; border: 6px solid #000724; color: #000724;}

/*========== SESSÃO 3 ==========*/
.sessao-3-fora-a-fora {position: relative; float: left; width: 100%; font-family: Roboto, arial, sans-serif; background-color: #e76600;}
.sessao-3 {position: relative; float: left; width: 100%;}
.titulo-sessao-3 {position: relative; float: left; width: 100%; text-align: center; font-weight: 900; font-size: 29px; line-height: 40px; color: #fff; margin-bottom: 30px;}
.imagem-sessao-3 {position: relative; float: left; width: 100%; height: 250px; background: url(../img/03.png); background-size: cover; background-position: center;}
.descricao-sessao-3 {position: relative; float: left; width: 100%; padding: 30px; font-size: 20px; line-height: 30px; color: #fff;}
.texto-sessao-3 {position: relative; float: left; width: 100%; margin-bottom: 30px;}
.botao-sessao-3 {position: relative; float: left; width: 200px; height: 60px; left: 50%; margin-left: -100px; line-height: 48px; text-align: center; font-size: 20px; background: #e76600; border: 6px solid #fff; color: #fff; transition: 0.3s ease-out;}
.botao-sessao-3:hover {background: #fff; border: 6px solid #e76600; color: #e76600;}

/*========== SESSÃO 4 ==========*/
.sessao-4-fora-a-fora {position: relative; float: left; width: 100%; font-family: Roboto, arial, sans-serif; background-color: #fff;}
.sessao-4 {position: relative; float: left; width: 100%;}
.video-sessao-4 {position: relative; float: left; width: 300px; height: 530px; left: 0; margin-left: 0; margin-bottom: 20px;}
.descricao-sessao-4 {position: relative; float: left; width: 300px; left: 50%; margin-left: -150px; padding: 50px 0; font-size: 20px; line-height: 30px; text-align: center; color: #222;}
.video4-1 {position: relative; float: left; width: 300px;}
.texto-sessao-4 {position: relative; float: left; width: 100%; margin-bottom: 20px;}
.botao-sessao-4 {position: relative; float: left; width: 200px; height: 60px; left: 50%; margin-left: -100px; line-height: 48px; text-align: center; font-size: 20px; background: #fff; border: 6px solid #000724; color: #000724; transition: 0.3s ease-out;}
.botao-sessao-4:hover {background: #000724; border: 6px solid #fff; color: #fff;}

.video4-2 {position: relative; float: left; width: 300px;}
.video-sessao-4-2 {position: relative; float: left; width: 300px; height: 169px; left: 0; margin-left: 0; margin-top: 50px; margin-bottom: 20px;}
.texto-sessao-4-2 {position: relative; float: left; width: 100%; margin-bottom: 20px;}
.botao-sessao-4-2 {position: relative; float: left; width: 200px; height: 60px; left: 50%; margin-left: -100px; line-height: 48px; text-align: center; font-size: 20px; background: #fff; border: 6px solid #000724; color: #000724; transition: 0.3s ease-out;}
.botao-sessao-4-2:hover {background: #000724; border: 6px solid #fff; color: #fff;}

/*========== SESSÃO 5 ==========*/
.sessao-5-fora-a-fora {position: relative; float: left; width: 100%; font-family: Roboto, arial, sans-serif; background-color: #a00;}
.sessao-5 {position: relative; float: left; width: 100%;}
.titulo-sessao-5 {position: relative; float: left; width: 100%; text-align: center; font-weight: 900; font-size: 29px; line-height: 40px; color: #fff; margin-bottom: 10px;}
.descricao-sessao-5 {position: relative; float: left; width: 100%; padding: 30px; font-size: 20px; line-height: 30px; color: #fff;}
.texto-sessao-5 {position: relative; float: left; width: 100%;}

/*========== SESSÃO 6 ==========*/
.sessao-6-fora-a-fora {position: relative; float: left; width: 100%; padding: 30px 0; font-family: Roboto, arial, sans-serif; background-color: #b2ff33;}
.sessao-6 {position: relative; float: left; width: 100%;}
.botoes-sessao-6 {position: relative; float: left; width: 200px; left: 50%; margin-left: -100px;}
.botao-sessao-6 {position: relative; float: left; width: 200px; height: 60px; margin: 10px 0; line-height: 60px; text-align: center; font-size: 20px; background: #000; font-weight: 900; color: #fff; border-radius: 60px; transition: 0.3s ease-out;}
.botao-sessao-6:hover {background: #fff; color: #000;}


/*========== CONTEÚDO ==========*/
.acima-mapa {position: relative; float: left; width: 100%; margin-top: 30px; padding: 20px 50px; border-radius: 4px 4px 0 0; font-size: 18px; font-weight: 600; text-align: center; background-color: #e4efff;}
.mapa {position: relative; float: left; width: 100%;}
.conteudo {position: relative; float: left; width: 100%; margin-top: 30px; margin-bottom: 30px; padding: 20px 25px 40px 25px; border-radius: 4px; font-size: 18px; font-weight: 300; text-align: left; color: #000; background-color: #e4efff;}
.aviso-vermelho {position: relative; float: left; width: 100%; margin-top: 20px; font-size: 16px; text-align: center; font-weight: 300;}

.auxilios {position: relative; float: left; width: 100%; margin-bottom: 20px;}
.auxilio {position: relative; float: left; width: 100%; margin-bottom: 20px;}
.imagem-auxilio {position: relative; float: left; width: 80%; margin-left: 10%;}
.texto-auxilio {position: relative; float: left; width: 100%; text-align: center; font-size: 15px;}
.texto-auxilio a {text-decoration: none; color: #3366ff;}
.texto-auxilio a:hover {text-decoration: underline; color: #3366ff;}
#nt1, #nt2, #nt3, #nt4, #nt5 {margin-top: 15px; cursor: pointer; font-size: 18px; font-weight: 700; color: #00f;}
#tn1, #tn2, #tn3, #tn4, #tn5 {position: relative; display: none; font-size: 18px; margin-top: 10px; font-size: 18px; font-weight: 400; word-wrap: break-word;}
.borda {padding: 15px; border: 3px solid #780000;}
.borda img {position: relative; float: left; width: 65px; margin-right: 10px;}

.videos {position: relative; float: left; width: 100%;}
.videos-margem {position: relative; float: left; width: 300px; left: 50%; margin-left: -150px;}
.video1 {position: relative; float: left; width: 300px; height: 530px;}
.video1 iframe {width: 300px; height: 530px;}
.video2, .video3, .video4 {position: relative; float: left; width: 300px; height: 169px; margin-top: 30px;}
.video2 iframe, .video3 iframe, .video4 iframe {width: 300px; height: 169px;}

.responsavel-desktop {display: none; margin-bottom: 30px;}
.responsavel-mobile {display: block; margin-bottom: 30px;}

.alan-retrato {position: relative; float: left; width: 60%; margin: 0 20% 14px 20%;}
.familia {position: relative; float: left; width: 80%; margin: 0 10% 14px 10%;}

.versiculo-cima {font-size: 14px;}

.formulario {position: relative; float: left; width: 100%;}
form {position: relative; float: left; width: 80%; padding: 20px; margin-left: 10%; border-radius: 4px; font-size: 14px; color: #fff; font-weight: bold; background: #12458d; transition: 0.3s ease-out;}
form h1 {font-size: 40px; font-weight: bold; text-align: center; color: #fff;}
input {width: 100%; padding: 8px; border: 2px solid #fff; color: #fff; border-radius: 4px; background: transparent;}
textarea {width: 100%; height: 100px; resize: none; padding: 8px; border-radius: 4px; border: 2px solid #fff; font-family: Inter, sans-serif; color: #fff; background: transparent;}
::placeholder {color: #fff; opacity: 1;}
.enviar input {width: 80%; padding: 14px; color: #fff; font-size: 18px; font-weight: bold; background: #5f96e4; text-transform: uppercase; cursor: pointer; border: 0; transition: 0.3s ease-out;}
.enviar input:hover {color: #000724; background-color: #fff; border: 0;}

/*========== ASSINATURA ==========*/
.assinatura-fora-a-fora {position: relative; float: left; width: 100%; margin-top: 0px; margin-bottom: 30px; padding: 50px 25px; border-radius: 4px; color: #000; background-color: #f9f994;}
.assinatura-margem {position: relative; float: left; width: 100%; margin-top: 0; text-align: left; font-size: 18px; font-weight: 300;}
.assinatura-img {position: relative; float: left; width: 300px; height: 300px; left: 50%; margin-left: -150px; margin-bottom: 25px;}
.assinatura-texto {position: relative; float: left; width: 100%;}

/*========== RODAPÉ ==========*/
.rodape-fora-a-fora {position: relative; float: left; width: 100%; margin-top: 0px; padding: 50px 0; color: #fff; background-color: #000724;}
.rodape-conteudo {position: relative; float: left; width: 100%; margin-top: 0; border-radius: 4px; text-align: left; font-size: 18px; font-weight: 600;}
.rodape {position: relative; float: left; width: 100%; padding: 0 20px; text-align: center; font-size: 18px; font-weight: 500;}

@media screen and (min-width: 480px) {
.img-topo-index img {width: 300px; margin-top: 5px;}
.img-plano {width: 100%;}
.borda {position: relative; width: 300px; left: 50%; margin-left: -150px;}
}

/* SMALL DEVICES - TABLETS */
@media screen and (min-width: 768px) {
.menor {font-size: 22px;}
.titulo, .titulo-glossario, .titulo2 {font-size: 22px;}
.conteudo-margem {width: 752px; left: 50%; margin-left: -376px;}
.close {position: relative; display: block; width: 752px; left: 50%; margin-left: -376px;}
.close-index {position: relative; display: block; width: 752px; left: 50%; margin-left: -376px;}

.assinatura-fora-a-fora {width: 100%; margin-top: 0px; margin-bottom: 30px; padding: 0; border-radius: 4px; color: #000; background-color: transparent;}
.assinatura-margem {width: 752px; left: 50%; margin-left: -376px; padding: 50px 25px; border-radius: 4px; font-size: 16px; background-color: #f9f994;}

.topo {width: 752px; left: 50%; margin-left: -376px;}
.img-topo {width: 230px; margin-left: 40px; margin-top: 20px; margin-bottom: 7px;}
.img-topo img {width: 100%;}
.topo-index {width: 752px; left: 50%; margin-left: -376px;}
.versiculo {width: 372px; left: 0; margin-left: 40px; margin-top: 21px; font-size: 34px; line-height: 34px;}

.alan-retrato {width: 200px; margin: 0 14px 14px 0;}
.familia {width: 60%; margin: 0 20% 14px 20%;}

.acima-mapa {margin-top: 0;}
.mobile-menu li a, .menu li {font-size: 20px;}

.auxilio {width: 320px; margin-bottom: 20px;}

.borda {width: 450px; left: 0; margin-left: 100px;}
.borda img {width: 60px; margin-right: 15px;}
.conteudo iframe.iframe-pdf {height: 700px !important;}

.videos-margem {width: 500px; margin-left: -250px;}
.video1, .video1 iframe {width: 500px; height: 883px;}
.video2, .video3, .video4, .video2 iframe, .video3 iframe, .video4 iframe {width: 500px; height: 281px;}

.responsavel-desktop {display: block;}
.responsavel-mobile {display: none;}

.botoes-sessao-6 {width: 700px; margin-left: -350px;}
.botao-sessao-6 {margin: 10px 16px;}
}

/* MEDIUM DEVICES - TABLETS & DESKTOPS */
@media screen and (min-width: 960px) {
.topo-index, .close-index {width: 90%; left: 0; margin-left: 5%;}

.topo-fora-a-fora-index {padding: 25px 0;}
.img-topo-index img {width: 400px; margin-top: -5px;}

.titulo {margin-bottom: 50px; font-size: 50px;}
.titulo-glossario {margin-bottom: 50px; font-size: 42px; line-height: 50px;}
.titulo2 {margin-bottom: 50px; font-size: 36px; line-height: 46px;}
.sub-titulo {font-size: 36px;}
.sub-titulo2 {font-size: 30px;}
.fonte-maior {font-size: 34px;}
.conteudo {padding: 60px 50px; font-size: 22px; line-height: 36px;}
.conteudo-margem {width: 900px; margin-left: -450px;}
.conteudo-margem-nt {position: relative; width: 800px; left: 50%; margin-left: -400px;}

.assinatura-margem {width: 900px; margin-left: -450px; padding: 30px 50px;}
.assinatura-img {width: 280px; height: 280px; float: right; left: 0; margin-left: 0; margin-bottom: 0;}
.assinatura-texto {width: 500px;}

.alan-retrato {width: 320px; margin: 10px 14px 14px 0;}

.titulo-sessao-1 {display: none; text-align: left; padding: 0; margin-bottom: 20px;}
.titulo-sessao-1-desktop {display: block; position: relative; float: left; width: 100%; text-align: left; font-weight: 900; font-size: 32px; line-height: 40px; color: #222; margin-bottom: 20px;}
.imagem-sessao-1 {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; float: right; width: 35%; height: 750px; background-position: left;}
.imagem-sessao-1 img {width: 300px; height: 205px; left: 0; margin-left: -50px;}
.descricao-sessao-1 {width: 57%; padding: 50px 50px 30px 90px; font-size: 20px; line-height: 30px;}
.descricao-sessao-1 a {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%;}
.botao-sessao-1 {left: 0; margin-left: 0;}

.slider2 {left: 0; margin-left: 0; float: right; margin: 30px 90px 30px 0;}

.titulo-sessao-2 {text-align: left; padding: 0; margin-bottom: 20px;}
.imagem-sessao-2 {width: 50%; height: 550px; background-position: left;}
.descricao-sessao-2 {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 50%; height: 550px; padding: 30px; font-size: 20px; line-height: 30px;}
.descricao-sessao-2 a {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%;}
.botao-sessao-2 {left: 0; margin-left: 0;}

.titulo-sessao-3 {text-align: left; padding: 0; margin-bottom: 20px;}
.imagem-sessao-3 {float: right; width: 50%; height: 550px; background-position: left;}
.descricao-sessao-3 {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 50%; height: 550px; padding: 30px; font-size: 20px; line-height: 30px;}
.descricao-sessao-3 a {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%;}
.botao-sessao-3 {left: 0; margin-left: 0;}

.descricao-sessao-4 {width: 900px; margin-left: -450px;}
.video4-1 {width: 350px;}
.video-sessao-4 {width: 350px; height: 618px; margin-left: 0;}
.video4-2 {width: 525px; margin-left: 25px;}
.video-sessao-4-2 {width: 525px; height: 295px; margin-left: 0; margin-top: 120px;}

.titulo-sessao-5 {text-align: left; padding: 0; margin-bottom: 20px;}
.descricao-sessao-5 {font-size: 20px; line-height: 30px;}

.botoes-sessao-6 {width: 900px; margin-left: -450px;}
.botao-sessao-6 {margin: 10px 50px;}

.auxilio {width: 400px;}

#nt1, #nt2, #nt3, #nt4, #nt5, #tn1, #tn2, #tn3, #tn4, #tn5 {font-size: 26px;}
.img-plano {width: 700px; margin-top: 20px;}
.borda {width: 600px; margin-left: 100px;}
.borda img {width: 70px; margin-right: 15px;}
.texto-auxilio {font-size: 18px !important;}
.abrir-pdf {font-size: 24px !important; padding-bottom: 20px;}
.conteudo iframe.iframe-pdf {width: 700px; height: 900px !important;}

.versiculo-cima {font-size: 22px;}

.rodape {font-size: 26px;}
}

/* LARGE DEVICES - WIDE SCREENS */
@media screen and (min-width: 1280px) {
.topo-index, .close-index {width: 86%; margin-left: 7%;}

.conteudo-margem {width: 1100px; margin-left: -550px;}
.conteudo-margem-nt {width: 900px; margin-left: -450px;}

.assinatura-margem {width: 1100px; margin-left: -550px;}
.assinatura-img {width: 320px; height: 320px;}
.assinatura-texto {width: 650px;}

.titulo-sessao-1-desktop {font-size: 50px; line-height: 64px;}
.imagem-sessao-1 img {width: 420px; height: 287px; margin-left: -50px;}
.descricao-sessao-1 {width: 62%; padding: 100px 80px 30px 120px;}
.slider2 {width: 350px; margin: 30px 120px 30px 0;}
.myslide {height: 525px;}

.titulo-sessao-2 {font-size: 52px; line-height: 64px;}
.descricao-sessao-2 {padding: 30px 70px;}

.titulo-sessao-3 {font-size: 52px; line-height: 64px;}
.descricao-sessao-3 {padding: 30px 70px;}

.descricao-sessao-4 {width: 1200px; margin-left: -600px;}
.video4-2 {width: 825px;}
.video-sessao-4-2 {width: 825px; height: 464px; margin-top: 70px;}

.sessao-5 {width: 1150px; left: 50%; margin-left: -575px;}
.titulo-sessao-5 {font-size: 52px; line-height: 64px;}
.descricao-sessao-5 {padding: 30px 70px;}

.auxilio {width: 500px;}
.imagem-auxilio {width: 90%; margin-left: 5%;}

.img-plano {width: 800px; margin-top: 20px;}
.borda {margin-left: 150px;}

.videos-margem {width: 1000px; margin-left: -500px;}
.video1, .video1 iframe {width: 388px; height: 686px;}
.video2 {width: 582px; height: 328px; margin-left: 30px; margin-top: 0px;}
.video2 iframe, .video3 iframe {width: 582px; height: 328px;}
.video3 {width: 582px; height: 328px; margin-left: 30px; margin-top: 30px;}
.video4 {width: 1000px; height: 563px; margin-top: 30px;}
.video4 iframe {width: 1000px; height: 563px;}
}

@media screen and (min-width: 1600px) {
.topo-index, .close-index {width: 78%; margin-left: 11%;}
.img-topo-index img {width: 450px; margin-top: -10px;}

.descricao-sessao-1 {width: 60%; padding: 140px 40px 30px 220px; font-size: 23px; line-height: 36px;}
.imagem-sessao-1 img {width: 530px; height: 362px; margin-left: -120px;}
.slider2 {width: 400px; margin: 30px 220px 30px 0;}
.myslide {height: 600px;}

.descricao-sessao-4 {width: 1500px; margin-left: -750px;}
.video4-2 {width: 1097px; margin-left: 53px;}
.video-sessao-4-2 {width: 1097px; height: 618px; margin-top: 0px;}
}