
<style>

*{ 
    padding:0; 
    margin:0; 
    box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -ms-box-sizing:border-box; 

  }
  *:before,*:after{ 
    box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
  } 
  *:focus {
    outline:0; 
    outline:none;
  }
  html,body{ 
    padding:0; 
    margin:0; 
    /* background:#CCC;  */
    font-family: "Roboto", sans-serif;
    font-size:16px; 
    color: #555;
    -webkit-user-select:none; 
    -khtml-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    -o-user-select:none; 
    user-select:none; 
    box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -webkit-tap-highlight-color:transparent; 
    scroll-behavior:smooth;
    
  }
  .alinhamento{ 
    display: block; 
    position: relative; 
    width: 100%; 
    max-width: 1100px;
    /* background-color: #b8ded5; */
    margin: 0 auto;
  }
  #topoinicio{
    position: relative; 
    display: block; 
    width: 100%;
    height: 690px; 
    background-image:url(images/topohome.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  #logohome{ 
    display: block; 
    position: relative; 
    width:500px; 
    height:101px;  
    /* background: #CCC; */
    margin: -20px auto 100px auto;
  }
  #logohome img{ 
    width:500px; 
  }
  #corpohome{
    position: relative; 
    display: block; 
    width: 100%;
    height: 380px;
    margin: 60px 0;
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
  }

  .bthome img{ display:block; max-width: 1100px; width:100%; margin:80px auto; border-radius:16px; transition:0.2s;  box-sizing:border-box;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
  .bthome img:hover{ max-width: 1120px; }
  
  .bthome2 { display:block; max-width: 1100px; width:100%; margin:80px auto; border-radius:16px;  box-sizing:border-box;  -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
  .bthome2 img{ float:left; width:48%; margin: 0 40px 0 0; border-radius:16px;}
  .textohome{ display:block; float:right; width:45%; }

  @media (max-width: 1099px) {  /* tablet paisagem */
    .bthome img{ width:95%; }
    .bthome img:hover{ width: 96%; }
    .bthome2 { width:95%; }
  }
  @media (max-width: 650px) {  /* celular*/
    .bthome2 img{ width:100%;}
    .textohome{ width:100%; margin:40px 0 0 0;}
  }



  #bth01{
    display: block;
    float: right;
    width: 50%;
    height:380px;
    background: #B8DED5;
    background-image:url(images/bth01.png);
    background-size: 320px 124px;
    background-repeat: no-repeat;
    background-position: center;
  }
  #bth01i{
    display: block;
    float: right;
    width: 50%;
    height:380px;
    background-image:url(images/bth01i.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  #bth02{
    display: block;
    float: right;
    width: 50%;
    height:380px;
    background: #b8ded5;
    background-image:url(images/bth02.png);
    background-size: 320px 124px;
    background-repeat: no-repeat;
    background-position: center;
  }
  #bth02i{
    display: block;
    float: right;
    width: 50%;
    height:380px;
    background-image:url(images/bth02i.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  #bth03{
    display: block;
    float: right;
    width: 50%;
    height:380px;
    background: #b8ded5;
    background-image:url(images/bth03.png);
    background-size: 320px 124px;
    background-repeat: no-repeat;
    background-position: center;
  }
  #bth03i{
    display: block;
    float: right;
    width: 50%;
    height:380px;
    background-image:url(images/bth03i.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  #bth04{
    display: block;
    float: right;
    width: 50%;
    height:380px;
    background: #b8ded5;
    background-image:url(images/bth04.png);
    background-size: 320px 124px;
    background-repeat: no-repeat;
    background-position: center;
  }
  #bth04i{
    display: block;
    float: right;
    width: 50%;
    height:380px;
    background-image:url(images/bth04i.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  #bthquemsou{
    margin: 80px 0;
  }
  #bthquemsou img{
    width:100%;
  }

@media (max-width: 900px) {  /* tablet paisagem */
  #topoinicio{
     height: 600px;
  }
}


@media (max-width: 600px) { /* tablet retrato */ 
  #topoinicio{
     height: 400px;
  }
  #logohome{ 
    width:300px; 
  }
  #logohome img{ 
    width:300px; 
  }
  #corpohome{
    margin: 90px 0;
  }
  #bth01{
    float:none;
    width: 90%;
    height: 145px;
    margin: -40px auto 0 auto;
    background-size:250px 104px;
    box-shadow:7px 7px 21px -12px #000; -webkit-box-shadow:7px 7px 21px -12px #000; -moz-box-shadow:7px 7px 21px -12px #000;
      
  }
  #bth01i{
    float:none;
    width: 100%;
    height:300px;
    background-position: top;
  }
  #bth02{
    float:none;
    width: 90%;
    height: 145px;
    margin: -40px auto 0 auto;
    background-size:250px 104px;
    box-shadow:7px 7px 21px -12px #000; -webkit-box-shadow:7px 7px 21px -12px #000; -moz-box-shadow:7px 7px 21px -12px #000;
      
  }
  #bth02i{
    float:none;
    width: 100%;
    height:300px;
    background-position: top;
  }
  #bth03{
    float:none;
    width: 90%;
    height: 145px;
    margin: -40px auto 0 auto;
    background-size:250px 104px;
    box-shadow:7px 7px 21px -12px #000; -webkit-box-shadow:7px 7px 21px -12px #000; -moz-box-shadow:7px 7px 21px -12px #000;
      
  }
  #bth03i{
    float:none;
    width: 100%;
    height:300px;
    background-position: top;
  }
  #bth04{
    float:none;
    width: 90%;
    height: 145px;
    margin: -40px auto 0 auto;
    background-size:250px 104px;
    box-shadow:7px 7px 21px -12px #000; -webkit-box-shadow:7px 7px 21px -12px #000; -moz-box-shadow:7px 7px 21px -12px #000;
      
  }
  #bth04i{
    float:none;
    width: 100%;
    height:300px;
    background-position: top; 
  }
}

#social{ 
    display: block; 
    position: relative;
    width:280px;
    margin: 20px auto 60px auto; 
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
  }

.icon{
  display: block; 
  float:left; 
  width: 55px; 
  height:55px; 
  background: #999;
  
  border-radius: 50%;
  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
}

.insta{ padding:15px;}
.email{ padding:20px 15px 10px 15px;}
.youtube{ padding:20px 15px 10px 15px;}
.whatsapp{ padding:15px 15px 10px 15px;}
.brosa{        background: #b8ded5;}
.brosa:hover{  background: #b8ded5;}
.bverde{       background: #45bdb5;}
.bverde:hover{ background: #b8ded5;}
.broxo{        background: #b8ded5;}
.broxo:hover{  background: #b8ded5;}
.marginicon{ margin: 0 20px 0 0;} 



#logointernas{ 
    display: block; 
    position: relative; 
    width:500px; 
    height:101px;  
    /* background: #CCC; */
    margin: 40px auto 40px auto;
  }
  #logointernas img{ 
    width:500px; 
  }

  #internasD{
    display: block;
    position:relative;
    float: left;
    width:55%;
    height:480px;
    
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index:15;
    margin: -460px 0 0 0;
  }

  #internasE{
    display: block;
    position:relative;
    float: right;
    width: 60%;
    height:400px;
    
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 10;
    
  }
  
  .internaDSou{background-image:url(../images/layer01.png);}
  .internaESou{background-image:url(../images/topo01.jpg);}

  .internaDMae{background-image:url(../images/layer02.png);}
  .internaEMae{background-image:url(../images/topo02.jpg);}

  .internaDPaciente{background-image:url(../images/layer03.png);}
  .internaEPaciente{background-image:url(../images/topo03.jpg);}

  .internaDProfissional{background-image:url(../images/layer04.png);}
  .internaEProfissional{background-image:url(../images/topo04.jpg);}

  .internaDMindfulness{background-image:url(../images/layer01.png);}
  .internaEMindfulness{background-image:url(../images/topo01.jpg);}


  #corpointernas{
    position: relative; 
    display: block; 
    width: 100%;
    margin: 60px 0;
    padding:20px; 
    font-size: 18px;
    box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
  }


  @media (max-width: 900px) {  /* tablet paisagem */
    #internasD{
      height:370px;
      margin: -320px 0 0 0;
    }
    #internasE{
      height: 310px;
    }
    #corpointerna{
      margin: 0 0 40px 0;
    }
  }
  @media (max-width: 700px) { /* tablet retrato */ 
    #logointernas{ width:300px; margin: 40px auto 10px auto;}
    #logointernas img{  width:300px; }
    #internasD{
      width:100%;
      height: 365px;
      margin: -110px 0 0 0;
    }
    #internasE{
      background-size: 105%;
      background-position: top right -30px;
      width:100%;
      height: 400px;
    }
    #corpointernas{
      margin: 0 0 40px 0;
    }
  }
    @media (max-width: 600px) { /* tablet retrato */ 
    #logointernas{ width:300px; margin: 40px auto 10px auto;}
    #logointernas img{  width:300px; }
    #internasD{
      margin: -135px 0 0 0;
    }
    #internasE{
      background-size: 120%;
      background-position: top right -30px;
      width:100%;
    }
    #corpointernas{
      margin: 0 0 40px 0;
    }
  }
@media (max-width: 500px) { /* tablet retrato */ 
    #logointernas{ width:300px; margin: 40px auto 10px auto;}
    #logointernas img{  width:300px; }
    #internasD{
      height: 150px;
      margin: -130px 0 0 0;
    }
    #internasE{
      background-size: 120%;
      background-position: top right -30px;
      width:100%;
    }
    #corpointernas{
      margin: 0 0 40px 0;
    }
  }
  .buttonlink{
    display:block; 
    position:relative;
    width:280px;
    height:60px; 
    margin: 40px auto; 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .brosa2{ background:#b8ded5;}
  .bverde2{ background:#46bfb7;}
  .broxo2{ background:#a887c0;}
.cbh{
    clear:both 
  }
</style>