@keyframes fundoAnimado{
        0%{
          background-position: 0% 0, 100% 0;

        }
        50%{
          background-position: 50% 0, 50% 0;
        }
        100%{
          background-position: 100% 0, 0% 0;
        }
      }

      body{
        background: #000;
      }

      iframe{
        border-radius: 10px;
        box-shadow: 0px 0px 100px #000;
      }

      .topo{
        background: #000;
        background-image: url('../img/ceu.png'), url('../img/ceu2.png');
        background-repeat: repeat-x, repeat-x;
        background-position: bottom, top;
        animation: fundoAnimado 50s linear infinite;
      }



      


      .sobre{
        color: #fff;
        line-height: 30px;
        font-size: 18px;
        font-weight: 200;
        text-align: justify;

      }
      .sobre span{
        font-weight: 600;
        font-style: italic;
      }


      .bgLivro{
        background: #000;
        background-image: url('../img/bg-livro.png');
        background-repeat: repeat-x;
        background-position: top;
        animation: fundoAnimado 50s linear infinite;
      }
      .espacoTextoLivro{
        margin-top:100px;

      }
      .bgLivro h2{
        color: #fff;
        font-size: 30px;
        font-style: italic;
        font-weight: 600;
        line-height: 0px;
      }
      .bgLivro h3{
        color: #ffc900;
        font-size: 30px;
        font-style: italic;
        font-weight: 400;
        line-height: 20px;
      }
      .bgLivro p{
        color: #fff;
        font-size: 20px;
        font-style: italic;
        font-weight: 200;
        line-height: 0px;
      }
      .bgLivro p span{
        text-decoration: line-through;
        font-size:35px;
        color: #ffc900;

      }
      .bgLivro h4{
        color: #fff;
        font-size: 30px;
        font-style: italic;
        font-weight: 600;
     
      }
      .bgLivro h4 span{
        color: #fff;
        font-size: 70px;
        font-style: italic;
        font-weight: 600;

     
      }
      .bgLivro a{
        background: #ffc900;
        text-decoration: none;
        padding:10px 30px;
        color: #000;
        font-style: italic;
        font-size: 30px;
        font-weight: 600;
        border-radius: 5px;
        cursor: pointer!important;

      }

      .bgLivro a:hover{
        background: #fff;
        text-decoration: none;
        padding:10px 30px;
        color: #000;
        font-style: italic;
        font-size: 30px;
        font-weight: 600;
        border-radius: 5px;
        cursor: pointer!important;

      }

       .pastor{
        color: #fff;
        line-height: 30px;
        font-size: 18px;
        font-weight: 200;
        text-align: center;
        font-style: italic;

      }
      .pastor span{
        font-weight: 600;
        
      }

      .michel h2{
        
        font-size: 40px;
      }

      .faisca{
        background: #000;
        background-image: url('../img/fogo.png');
        background-repeat: repeat-x;

        background-attachment: fixed;
        background-position: center;
   
      }



      .btnInstas a{
        background: #ffc900;
        text-decoration: none;
        padding:5px 10px;
        color: #000;
        font-style: italic;
        font-size: 20px;
        font-weight: 600;
        border-radius: 5px;
        cursor: pointer!important;
        border-radius: 100px;
        margin: 0px auto;
      

      }

      .btnInstas a:hover{
        background: #fff;
        text-decoration: none;
        padding:5px 10px;
        color: #000;
        font-style: italic;
        font-size: 20px;
        font-weight: 600;
        border-radius: 5px;
        cursor: pointer!important;
        border-radius: 100px;

      }



      ol, ul {
        margin-top: 0;
        display: inline-flex;    
        color: #ffc900;
        list-style-type: none;
        margin: 0px auto;
        padding: 0px;
      }
      li {
        padding: 0px 10px;
        font-size: 20px;
        margin: 0px auto;
      }
      ol, ul, li, a{
        color: #ffc900;
      }
      ol, ul, li, a:hover{
        color: #fff;
      }



 .hiddenVideo{
        display: none;
    }
    .showVideo{
        display: block;
    }



@media (max-width: 768px){

  iframe{
    margin-top:100px;
  }

   .hiddenVideo{
        display: block;
    }
    .showVideo{
        display: none;
    }


     .topo{
        background: #000;
        background-image: url('../img/ceu.png'), url('../img/ceu2.png');
        background-repeat: repeat-x, repeat-x;
        background-position: bottom, top;
        animation: fundoAnimado 50s linear infinite;
      }


      .bgLivro a{
        padding: 5px 15px;
        margin: 0px;
        font-size: 27px;
      }

       .bgLivro a:hover{
        padding: 5px 15px;
        margin: 0px;
        font-size: 27px;
      }

      .bgLivro h2{
        color: #fff;
        font-size: 30px;
        font-style: italic;
        font-weight: 600;
        line-height: 30px;
      }
      .bgLivro h3{
        color: #ffc900;
        font-size: 20px;
        font-style: italic;
        font-weight: 400;
        line-height: 30px;
      }

       .michel h2{
        
        font-size: 25px;
      }




}