@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body {
   font-family: "Montserrat"
}

.logo-wpp{
   position: fixed;
   z-index: 2;
   top: 85%;
   left: 90%px;
   width: 5%;
}

section {
   max-width: 100%;
   max-height: auto;
   height: 600px;
   margin: 0 auto;
   padding: 20px;
   box-sizing: border-box;
}

/* Header */
header {
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 11px;
   font-weight: 700;
   height: 65px;
}

a {
   text-decoration: none;
   color: #2e1f7d;
}

.link-logo{
   width: 10%;
}

a:hover {
   color: #56bfdb;
}

a:active {
   text-decoration: none;
   color: inherit;
}

nav ul {
   list-style: none;
   display: flex;
   margin-left: 50px;
}

nav li {
   margin: 0 15px;
}


#logoRoxo {
   max-width: 100%;
   width: 100%;
   height: auto;
   padding: 0;
   margin: 0;
}


.compra {
   width: 110px;
   height: 32px;
   background-color: #56bfdb;
   color: #2e1f7d;
   font-weight: bolder;
   font-style: normal;
   border-radius: 30px;
   border: none;
   font-size: 12px;
   margin-left: 15px;
}

.compra:hover {
   background-color: #2e1f7d;
   color: white;
}


/* Section Banner 1 */
#banner1 {
   background-image: url(LP_Oseias/imagens/banner.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   display: flex;
   color: white;
   justify-content: space-around;
   height: 100%;
}

.coluna1 {
   display: flex;
   justify-content: center;
   flex-direction: column;
   width: 50%;
   margin-left: 160px;
   margin-top: 140px;
   margin-bottom: 5em;
   height: 50%;
}

.coluna2 {
   display: flex;
   justify-content: center;
   flex-direction: column;
   width: 50%;
   margin-left: 150px;
   margin-top: 80px;

}

.container-editora {
   display: flex;
   margin-left: 50px;
   margin-top: 45px;
}

.texto-1 {
   font-size: 30px;
   font-weight: lighter;
}

.texto-2 {
   font-size: 42px;
   font-weight: 700;
}

.texto-3 {
   font-size: 45px;
   font-weight: 700;
   color: #56bfdb;
}

.texto-4 {
   font-size: 18px;
   font-weight: lighter;
}

.compra-1 {
   width: 130px;
   height: 40px;
   background-color: #56bfdb;
   color: #2e1f7d;
   font-weight: 750;
   font-style: normal;
   border-radius: 30px;
   border: none;
   font-size: 15px;
   margin-top: 30px;
}


.compra-1:hover {
   background-color: #2e1f7d;
   color: white;
}


.logo-editora {
   width: 30%;
   filter: invert(100%);
}




/* Section frase */
#frase {
   background-color: #56bfdb;
   height: 85px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #2e1f7d;
   font-size: 25px;
   font-weight: 900;
}

/* Section icones */
#icones {
   display: flex;
   justify-content: center;
   height: 100%;
}

.mancha {
   max-width: 60%;
   height: auto;
}

.frase-icones {
   text-align: center;
   width: 100%;
   font-size: 14px;
   margin-top: 1em;

}

.frase-icones2 {
   text-align: center;
   width: 100%;
   font-size: 14px;
   margin-top: 3em;

}

.frase-icones3 {
   text-align: center;
   width: 100%;
   font-size: 14px;
   margin-top: 3.5em;

}

.index1 {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 4em;
   width: 20%;
   margin-bottom: 4em;
}



/* Section Conteudo */

#conteudo {
   background-image: url(LP_Oseias/imagens/fotos_livros.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   display: flex;
   justify-content: center;

}

.conteudo-container {
   width: 50%;
   display: flex;
   justify-content: start;
   flex-direction: column;
   margin-left: 500px;
   margin-top: 95px;
}

h2 {
   width: 40%;
}

.container-pai {
   display: flex;

}

.container-frases {
   display: flex;
   justify-content: start;
   flex-direction: column;
   width: 100%;
   margin-right: 25px;
}

.svg {
   margin-right: 10px;
}

.sub-container {
   display: flex;
   margin-bottom: 30px;
   width: 100%;
   font-size: 13px;
   text-align: justify;
}

.frase-livro {
   margin-bottom: 50px;
   width: 100%;
   font-size: 32px;
   font-weight: 800;
   color: #2e1f7d;
}

/* Section Sobre o Autor */
#sobre {
   background-image: url(LP_Oseias/imagens/banner_pomba2.png);
   background-attachment: local;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   color: white;
   height: 100%;

}

.sobre-container {
   width: 50%;
   margin-top: 4em;
   margin-left: 15em;
}

.foto-oseias{
   display: none;
}

.texto-sobre {
   width: 50%;
   text-align: justify;
   font-size: 13px;
   font-weight: 100;
}

.texto-oseias {
   margin-top: 30px;
}

.titulo-autor {
   font-size: 40px;
   font-weight: 800;
}

.redes-sobre {
   display: flex;
   margin-top: 2em;
   margin-bottom: 5em;
}

.icone-azul {
   width: 25%;
}

.icone-azul-1 {
   width: 40%;
}

.icone-azul-2 {
   width: 35%;
}

.a-icones {
   width: 10%;
}

/* section Anuncio */
#anuncio {
   display: flex;
   justify-content: center;
}

#livro {
   max-width: 100%;
   width:60%;
   height: 80%;
   min-width: 20%;

}

.livro-container {
   width: 50%;
   margin-top: 1em;
   display: flex;
   justify-content: end;
}

.titulo {
   font-size: 30px;
   font-weight: 800;
}

.logo-amazon{
   width: 20%;
   margin-left: 2em;
   
}

.chamada {
   width: 50%;
   margin-top: 4em;
   color: #2e1f7d;
}

.frase-efeito {
   font-size: 13px;
   font-weight: 500;
   color: #0e0d42;
   margin-top: 2em;
   margin-bottom: 2em;
}

.preço {
   display: flex;
   align-items: center;

}

.chamada-frase {
   font-size: 11px;
   font-weight: 500;
   color: #0e0d42;
   margin-top: 1em;
}

.moeda {
   font-size: 30px;
   font-weight: 700;
   color: #56bfdb;
   display: flex;
   margin-top: 10px;
}

.moeda-container {
   display: flex;
   align-items: end;
   padding-bottom: 4px;
}

.preço-valor {
   font-size: 40px;
   font-weight: 700;
   margin-left: 8px;
   color: #56bfdb;
}

.valor-container {
   display: flex;
   align-items: end;

}

.anuncio-container {
   width: 90%;
   display: flex;
   justify-content: center;
}

.compra-3 {
   width: 130px;
   height: 40px;
   background-color: #56bfdb;
   color: #2e1f7d;
   font-weight: 750;
   font-style: normal;
   border-radius: 30px;
   border: none;
   font-size: 15px;
   margin-top: 30px;
}

.compra-3:hover {
   background-color: #2e1f7d;
   color: white;
}

/* Section Depoimentos */
#depoimentos {
   background-image: url(LP_Oseias/imagens/banner_deg.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 450px;
   color: white;
   display: flex;
   flex-direction: column;
   justify-content: start;
   align-items: center;
}

.comentarios-container {
   display: flex;
   justify-content: center;
   text-align: justify;
   font-size: 10px;
   font-weight: 100;
   margin-top: 10em;
}

.comentario {
   width: 20%;
   margin-left: 4em;
}

.titulo-dep {
   margin-top: 2em;
}

.user {
   font-weight: 600;
   font-style: italic;
   margin-top: 1em;
}

.faixa-branca {
   width: 1px;
   float: left;
   height: 80%;
   background-color: white;
   box-sizing: border-box;
   margin-left: 4em;
}


/* Section Video */

#video {
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
}

.video-container {
   display: flex;
   justify-content: center;
}

.frase-video {
   font-size: 30px;
   font-weight: 700;
   margin-bottom: 1em;
   color: #2e1f7d;
}



/*Section Redes Sociais*/

#redes-sociais {
   background-image: url(LP_Oseias/imagens/mancha_de_tinta.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   display: flex;
   justify-content: center;
}

#celular {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;

}

.container-1 {
   width: 50%;
   display: flex;
   flex-direction: column;
   align-items: end;
   justify-content: center;
   margin-left: 7em;
   text-align: justify;
   color: #2e1f7d;
}


.celular-container {
   display: flex;
   justify-content: start;
   width: 50%;
}



.sociais-container {
   display: flex;
   width: 70%;

}

.sociais {
   margin-bottom: 3em;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.icones-celular {
   width: 90%;
}

.imagens-redes {
   display: flex;
   justify-content: center;
}

.numeros {
   width: 100%;
}

.seguidores {
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 23px;
}

/* Section Newsletter */
.newsletter-container {
   background-color: #56bfdb;
   display: flex;
   justify-content: center;
   max-height: 50%;
   height: 100%;
   color: #2e1f7d;
}

input{
   padding-left: 10px;
}

.newsletter {
   display: flex;
   justify-content: center;
   width: 100%;
   height: 30%;
}

.frase-news {
   font-size: 15px;
   font-weight: 500;
   margin-left: 2em;
}

.news-form {
   background-color: #0e0d42;
   color: white;
   font-size: 12px;
   font-weight: 300;
   width: 35%;
   height: 100%;
   border: none;
   border-radius: 3px;
   margin-left: 0.3em;
}

.termo-uso {
   font-size: 8px;
   margin-left: 1em;
}

.email-icone {
   width: 10%;
}

.email-novidades {
   display: flex;
   justify-content: end;
   width: 50%;
   align-items: center;
   margin-right: 2em;
}

.form {
   width: 60%;
   height: 8em;
   display: flex;
   justify-content: center;
   flex-direction: column;
   margin-top: 4em;
   margin-bottom: 4em;
}

.form-1 {
   margin-bottom: 1em;
   display: flex;
   height: 100%;

}

.dados {
   margin-left: 0.3em;
   width: 35%;
   border: none;
   border-radius: 3px;
   font-size: 12px;
   color: #2e1f7d;
   font-weight: 600;
}

.dados:hover {
   color: white;
   background-color: #0e0d42;
}

.checkbox-termos {
   display: flex;
}


/* Section rodape */

.rodape {
   background-color: #0e0d42;
   color: white;
   display: flex;
   justify-content: center;
   height: auto;
}

.rodape-container {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 90%;
   margin: 0;
}

.logo-container {
   max-width: 33%;
   width: 30%;
   display: flex;
   flex-direction: column;
   align-items: end;
}

.telefone-numero{
   font-size: 12px;
}

.whatsapp-container {
   max-width: 33%;
   width: 30%;
   display: flex;
   justify-content: center;
}

.icones-redes {
   display: flex;
   justify-content: end;
   margin-left: 1em;
   margin-top: 1em;
}

.telefone-container {
   max-width: 33%;
   width: 30%;
   display: flex;
   flex-direction: column;
   font-size: 12px;
   margin-left: 6em;
}

.logo-branca {
   max-width: 40%;
}

.branca-container {
   display: flex;
   justify-content: end;
}

.whats-branco,
.telefone-branco {
   max-width: 6%;
   margin-right: 1em;
}

.face-branco {
   width: 40%;
   margin-left: 0.6em;
}

.a-logo-oseias{
   display: flex;
   justify-content: end;
}

.insta-branco,
.link-branco,
.youtube-branco {
   width: 60%;
   margin-left: 0.5em;

}

.twitter-branco {
   width: 50%;
   margin-left: 0.5em;
}

.telefone {
   display: flex;
   margin-top: 0.5em;
}

.a-rodape {
   width: 10%;
}

.contatos-rodape{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.menu-toggle {
   display: none;
   cursor: pointer;
}

.bar {
   width: 30px;
   height: 3px;
   background-color: #333;
   margin: 6px 0;
   transition: 0.4s;
}

@media screen and (min-width: 1900px) {
   header {
      width: 100%;
      height: 100px;
   }

   .menu{
      width: 100%;
   }

   li{
      font-size: 16px;
   }

   #logoRoxo{
      width: 80%;
      max-width: 100%;
      margin-right: 430px;
   }

   .link-logo{
      margin-right: 280px;
   }

   .compra{
      margin-left: 380px;
      width: 150px;
      height: 45px;
      font-size: 16px;
      font-weight: 800;
   }

   .compra-1{
      width: 190px;
      height: 50px;
      font-size: 20px;
      font-weight: 800;
   }


   section {
      width: 100%;
   }

   #banner1 {
      height: 800px;
   }

   .coluna1 {
      margin-left: 20em;
   }

   .coluna2 {
      margin-left: 20em;
   }

   .texto-1{
      font-size: 45px;
   }

   .texto-2{
      font-size: 50px;
   }

   .texto-3{
      font-size: 50px;  
   }

   .texto-4{
      font-size: 25px;
   }



   /* Conteudo */

   #conteudo{
      height: 100%;
   }
   
   .conteudo-container {
      width: 40%;
      margin-bottom: 16em;
   }

   .frase-livro {
      font-size: 45px;
   }

   .sub-container {
      font-size: 20px;
   }

   /* SOBRE */

   #sobre {
      height: 900px;
   }

   .sobre-container {
      margin-top: 10em;
   }

   .texto-oseias {
      font-size: 16px;
   }

   .texto-sobre {
      margin-top: 4em;
      margin-bottom: 4em;
   }

   .redes-sobre {
      width: 90%;
   }

   .you-1920{
      width: 50%;
      margin-top: 2px;
   }

   /* Anuncio */

   #anuncio {
      height: 100%;

   }

   .livro-container {
      height: 100%;
      margin-bottom: 4em;
      margin-top: 4em;
   }

   #livro {
      height: 80%;
      width: 60%;
   }

   .chamada {
      margin-top: 8em;
   }

   .titulo {
      font-size: 45px;
   }

   .frase-efeito {
      font-size: 16px;
   }

   .moeda {
      font-size: 40px;
   }

   .preço-valor {
      font-size: 60px;
   }

   .chamada-frase {
      font-size: 13px;
   }

   .compra-3 {
      width: 200px;
      height: 55px;
      font-size: 18px;
      font-weight: 700;
   }

   /* Depoimento */
   #depoimentos {
      height: 100%;
   }

   .titulo-dep {
      font-size: 25px;
   }

   .comentario {
      font-size: 16px;
      width: 20%;
   }

   .user {
      font-size: 16px;
   }

   .comentarios-container {
      margin-bottom: 10em;
   }

   .faixa-branca{
      border: solid 1px;
      height: 200px;
   }

   /* Video */
   #video {
      height: 100%;
   }

   .frase-video {
      font-size: 40px;
      margin-top: 1.5em;
   }

   .video-iframe {
      width: 900px;
      height: 500px;
   }

   .video-container{
      margin-bottom: 4em;
   }

   /* Redes sociais */

   #redes-sociais {
      height: 100%;
   }

   .container-1 {
      margin-bottom: 2em;
   }

   /* newsletter */
   .form {
      height: 140px;
   }

   .news-form {
      font-size: 16px;
   }

   .termo-uso {
      font-size: 14px;
   }

   .frase-news {
      font-size: 25px;
   }



   .rodape {
      height: 250px;
   }

   .rodape-container {
      width: 100%;
   }

   .branca-container {
      margin-right: 4em;
   }

   .a-rodape{
      width: 6%;
   }

   .icones-redes{
      margin-left: 0;
      align-items: end;
      margin-right: 5em;
   }

   .whatsapp-container{
      max-width: 100%;
      width: 30%;
      
   }

   .a-logo-oseias{
      display: flex;
      justify-content: end;
   }

   .telefone-branco{
      max-width: 100%;
      width: 5%;
   }

   .logo-branca{
      width: 40%;
      max-width: 100%;
   }

   .telefone-numero {
      font-size: 20px;
   }

   .logo-container {
      width: 70%;
      height: 90%;
      margin-top: 4em;
   }

   .contatos-rodape{
      margin-left: 0;
      justify-content: start;
      width: 60%;
   }

   .logo-wpp{
      top: 70%;
      left: 93%;
   }

   .youtube-branco{
      margin-top: px;
   }
}

@media screen and (max-width: 450px) {
   header {
      position: relative;
      justify-content: start;
      width: 100%;
   }

   

   section {
      width: 100%;
   }


   .menu {
      display: none;
      position: absolute;
      height: 200px;
      top: 60px;
      left: 0;
      width: 100%;
      background-color: #ffffff;
      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
      z-index: 1;
   }

   .menu ul {
      display: flex;
      flex-direction: column;
   }

   .menu a {
      display: block;
      padding: 15px;
      text-decoration: none;
      color: #2e1f7d;
   }

   .menu-toggle {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px;
   }

   .menu-toggle.active .bar:nth-child(1) {
      transform: rotate(-45deg) translate(-5px, 6px);
   }

   .menu-toggle.active .bar:nth-child(2) {
      opacity: 0;
   }

   .menu-toggle.active .bar:nth-child(3) {
      transform: rotate(45deg) translate(-5px, -6px);
   }

   .menu.active {
      display: block;
   }

   /* Banner */

   #banner1 {
      background-image: url(LP_Oseias/Fotos_png/mobile-3.jpeg);
      height: 100%;
      flex-direction: column;
      display: flex;
      align-items: start;
   }

   .coluna1 {
      margin-top: 20px;
      margin-left: 10px;
      margin-bottom: 20px;
      width: 60%;
   }

   .texto-1 {
      font-size: 30px;
      width: 100%;
      display: none;
   }

   .texto-2 {
      font-size: 35px;
      width: 100%;
      display: none;

   }

   .texto-3 {
      font-size: 35px;
      display: none;
   }

   .texto-4 {
      font-size: 20px;
   }

   .coluna2 {
      margin: 0;
      display: none;
   }

   .container-editora {
      width: 100%;
      margin-top: 20px;
      margin-left: 2em;
   }

   .compra-1{
      width: 50%;
      height: 30px;
      margin-top: 17em;
      margin-bottom: 5em;
      margin-left: 5%;
      font-size: 12px;
      font-weight: 900;
   }

   .logo-editora {
      width: 60%;
   }

   #logoRoxo{
      max-width: 100%;
      width: 60%;
      margin-left: 1em
   }

   .link-logo{
      width: 50%;
   }

   /* Frase */

   #frase {
      height: 100%;
      justify-content: center;


   }

   .frase-milhoes {
      width: 100%;
      text-align: center;
   }

   /* Icones */

   #icones {
      flex-direction: column;
      align-items: center;
   }

   .index1 {
      width: 80%;
      margin-bottom: 1em;
   }

   .mancha {
      width: 100%;
   }

   .frase-icones,
   .frase-icones2,
   .frase-icones3 {
      font-size: 20px;
   }

   /* Conteudo */

   #conteudo {
      background-image: none;
      height: 100%;
   }

   .container-frases {
      width: 100%;
   }

   .conteudo-container {
      margin-left: 10px;
      margin-top: 25px;
      margin-bottom: 25px;
      width: 80%;
   }

   #conteudo {
      padding: 0;
      justify-content: center;
      margin: 0 auto;

      .sub-container {
         font-size: 20px;
      }


   }

   .container-pai {
      flex-direction: column;
   }

   /* Sobre */

   #sobre {
      background-color: #2e1f7d;
      background-image: none;
      height: 100%;
      display: flex;
      justify-content: center;
      padding: 0;

   }

   .sobre-container {
      margin-left: 0;
      margin-top: 2em;
      width: 80%;
   }

   .texto-sobre {
      width: 100%;
      font-size: 16px;
   }

   .redes-sobre {
      width: 100%;
      margin-bottom: 10px;
   }


   .a-icones {
      width: 100%;
      align-items: end;
      justify-content: end;
   }

   .foto-oseias{
      display: flex;
      width: 100%;
      margin-bottom: 0;
      overflow: hidden;
   }

   /* Anuncio */

   #anuncio {
      height: 100%;
   }

   .anuncio-container {
      flex-direction: column;
      align-items: center;

   }

   #livro {
      width: 100%;
      height: 100%;
   }

   .livro-container {
      width: 70%;
   }

   .chamada {
      margin-top: 15px;
      width: 80%;
   }

   .titulo {
      font-size: 30px;
      width: 100%;
   }

   .frase-efeito {
      font-size: 16px;
   }

   .moeda {
      font-size: 35px;
   }

   .preço-valor {
      font-size: 52px;
   }

   .chamada-frase {
      font-size: 12px;
   }

   .compra-3 {
      width: 90%;
      height: 7%;
      margin-bottom: 5em;
   }

   .preço{
      display: flex;
      width: 80%;
   }

   .logo-amazon{
      display: none;
   }




   /* depoimentos */

   .comentarios-container {
      flex-direction: column;
      align-items: center;
      margin-top: 3em;

   }

   #depoimentos {
      height: 100%;
   }

   .titulo-dep {
      font-size: 16px;
      width: 30%;
      margin-right: 3em;
   }

   .comentario {
      width: 70%;
      margin-bottom: 4em;
      font-size: 14px;
      margin-left: 0;
   }

   /* video */
   #video {
      height: 100%;
   }

   .frase-video {
      font-size: 20px;
      width: 100%;
      margin-top: 1em;
      margin-bottom: 1.5em;
   }

   .video-container {
      justify-content: center;

   }

   .video-iframe {
      width: 320px;
      height: 500px;
   }

   /* redes-sociais */

   #redes-sociais {
      flex-direction: column;
      height: 100%;
      width: 100%;
      align-items: center;
      background-image: none;
   }

   .sociais-container {
      flex-direction: column;

   }

   .container-1 {
      margin: 0;
      align-items: center;
   }

   .icones-celular {
      width: 100%;
   }

   .celular-container {
      width: 100%;
   }

   #celular {
      width: 100%;
   }

   .numeros{
      width: 100%;
      font-size: 34px;
   }
   .seguidores{
      text-align: center;
   }

   /* newsletter */

   .newsletter-container {
      height: 100%;
      justify-content: center
   }

   .newsletter {
      flex-direction: column;
      width: 100%;
      align-items: center;
      margin-bottom: 0;
   }

   .news-form {
      width: 100%;
      height: 30px;
      margin-top: 15px;
   }

   .email-novidades {
      margin-top: 15px;
   }

   .form {
      margin-top: 25px;
      height: 100%;
      width: 80%;
      margin-bottom: 1em;
   }

   .form-1 {

      margin-top: 0;
      margin-bottom: 0;

   }

   .email-icone {
      width: 100%
   }

   .frase-news {
      font-size: 20px;
      width: 90%;
   }

   .termo-uso {
      font-size: 12px;
   }

   .checkbox-termos {
      margin-top: 1em;
   }

   .dados{
      height: 31px;
      margin-top: 1.2em;
   }


   /* rodape */

   .rodape-container {
      width: 100%;
   }

   .logo-container{
      width: 100%;
      max-width: 100%;
      
   }

   .logo-branca{
      max-width: 100%;
      width: 50%;
   }

   .whatsapp-container{
      width: 80%;
      max-width: 100%;
      margin-left: 2.2em;
      margin-top: 0.5em;
   }

   .whats-branco{
      width: 9%;
      height: 100%;
      margin-right: 1.4em;
      max-width: 100%;
   }

   .telefone-container{
      width: 80%;
      max-width: 100%;
      margin-left: 3em;
      margin-top: 0.3em;
   }

   .telefone-numero{
      width: 100%;
      margin-left: 0;
      font-size: 12px;
      
   }

   .telefone-branco{
      max-width: 100%;
      width: 8%;
      margin-right: 1.5em;
   }

   .branca-container{
      justify-content: center;
   }

   .icones-redes{
      justify-content: center;
      margin-right: 2em;
      max-width: 100%;
      width: 60%;
   }

   .a-rodape{
      width: 60%;
   }

   .a-logo-oseias{
      display: flex;
      justify-content: center;
      margin-left: 1em;
   }

   .logo-wpp{
      position: fixed;
      z-index: 2;
      top: 90%;
      left: 80%;
      width: 13%;
   }

   .a-logo-wpp{
      height: 100%;
   }

   .contatos-rodape{
      flex-direction: column;
   }


   /*  */
   #container1 {
      margin: 0;
   }

}