@font-face {
  font-family: 'texto home';
  src:url("assets/fontes/coolvetica rg.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'titulo home';
  src:url("assets/fontes/Athina DEMO.otf");
  font-weight: normal;
  font-style: normal;
}
.topo{
  height: 17px;
  width: 100%;
  background-color: #444444;
  margin:0;

}
nav{
  background-color: #252525;
  width: 100%;
  /*height: 10vh;*/
  position: relative !important;
}
nav .container{
  padding: 0;
}
.logo-nav{
  width: 222.75px;
  height:68.97px;
  margin: 5px;
  /* margin-left: -22%; */

}
#navbarNav{
  justify-content: space-between;

}
#marker{
  /*position: absolute;
  left:0;
  height: 2px;
  width: 100%;
  background: #000;
  bottom: -18px !important;
  transition: 0.5s;
  border-radius: 4px;*/
}

.nav-link {
    color:white !important;
    font-size: 1.9rem;
    font-family: 'Bebas Neue', cursive;
    margin: 0 0.6rem;

}
.nav-link:hover{
  color:#fdd947!important;
  transition: .5s;
}
.contatos{
  float:right;
}
.logos{
  width: 2em;
  height: 2em;
  margin-right: 9px;

}
.icones:hover{
  color:#fdd947!important;
  transition: .5s;
}
/*///////////////////   pagina  Home       /////////////////*/

/*///////////////////   pagina  Serviços         /////////////////*/
.jrlo{
  width:3%;
  margin-left:18%;
  transform:translateY(-130%)
}
 .background{
   background: url("assets/imagens/fundoServico.png");
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   background-size:cover;
   background-position: 0 0;
   height: 85vh;
   width: 100%;
 }

 .TituloServico{
   font-size: 3em;
   font-weight: bolder;
   margin-top: 90px;
   margin-left: 90px;
   color: #252525;
 }

 .bordalinha{
   margin-left: 90px;
   width: 65%;
 }

 .Agrupar1 {
   margin-top: 70px;
   max-height: 650px;
   transform: translateX(-15%);
   width: 120%;

 }

 .Pclinica {
   display:inline-block;
   transform: translateX(0)







 }



 .Pclinica h1{
    /* font-family: 'titulo home'; */
   font-size: 3em;
   font-weight: bolder;
   color: #252525;
   margin-bottom: 0;




   /* text-align: center; */
 }

 .bordalinha1{
   width: 65%;
 }

 .Pclinica p{
    font-family: 'texto home';
   font-size: 1.5em;
   font-weight: normal;
   color: #252525;

   width: 90%;
   margin-top: 15px
 }


 .Agrupar2 {
   max-height: 600px;
   width: 120%;
   transform:translateX(100%);
   margin-top: 42px;

 }

 .Psistemica {
   display:inline-block;


 }
 .Psistemica p{
    font-family: 'texto home';
   font-size: 1.6em;
   font-weight: normal;
   color: #252525;
   margin-top: 7px;
   width:80%;
   transform: translateX(-90%);
   text-align: right;




 }

 .Psistemica h1{
   /* font-family: 'titulo home'; */
   font-size: 3em;
   font-weight: bolder;
   border-left: 5px
   color: #252525;
   margin-bottom: 0;
   transform: translateX(-85%);
   width:100%;

 }

 .bordaLinha2{
   transform: translateX(-97%);
   width:88%
 }


 .agende{
   margin-top: 6%
 }
 .contato{
   width:100%;
   margin-left: 0;

 }
 .icontato{
   margin-left:22%;
   transform: translateY(-180%)

 }
 .icontato p{
   font-weight:bolder;
   color: black
 }
 .icontato a{
   text-decoration: none;
 }
 .dicontato{
   margin-top: 5%
 }

 #tele{
   margin-left:20%
 }
 #wpp{
   margin-left: 10%
 }
 #conf{
   margin-left: 20%
 }




 /* @media only screen and (max-width: 768px){

   .TituloServico{
     transform: scale(0.8);
     margin-left: 0;
     margin-top:0
   }
   .bordalinha{
     margin-left: 10%;
     margin-top:-5%
   }
   .Agrupar1{
     transform: scale(0.6);

     margin-left: -15%




   }
   .Pclinica{


   }
   .Pclinica h1{
     margin-left: 2%;
     transform: scale(0.8);
     margin-top: -20%


   }
   .bordalinha1{
     margin-left: 13%
   }
   .Pclinica p{
     margin-left: 3%;
     transform: scale(0.8);
     margin-top: -10%


   }
   .Agrupar2{
     transform: scale(0.6);
     margin-top: 0;
     margin-left: -14%

   }
   .Psistemica h1{
     margin-left:0;
     transform: scale(0.8);
     margin-top: -30%
   }
   .bordalinha2{
     margin-left:10%;
     transform: translateX(0);
     width: 80%
   }
   .Psistemica p{
     text-align:left;
     margin: 0;
     width: 100%;
     margin-left: 0;
     transform: scale(0.8);
     margin-top: -10%

   }
   .dicontato{
     transform:scale(1);
     margin-top: -5%
   }
   .icontato{
     transform:scale(0.4);
     margin-left: 14%;
     margin-top: -29%

   }
   #tele{
     margin-left: -30%

   }
   #wpp{
     margin-left: 60%
   }
   #conf{
     margin-left: 138%
   }
   #tecel{
     margin-left:-52%
   }
   #teconf{
     margin-left:145%
   }
   #tewpp{
     margin-left:53%
   }
   #tele{
     margin-left: -30%

   }
   #wpp{
     margin-left: 65%
   }
   #conf{
     margin-left: 145%
   }

   .jrlo{
     width:9%;
     margin-left: 50%;
     transform: translateY(-127%)
   }
   .logos{
     transform: translateY(-20%);
     margin-right: 5%
   }








 } */



        /*pagina sobre mim*/
 .titulosob{
   margin-left: 5%;
   margin-top: 3%;
   font-weight: bolder;
 }
 .linhaborda{
   margin-left: 5%
 }
 .imgyt{
   margin-left: 23%;
   width: 50%;
   height: 60%;
   margin-top: 5%
 }
 .video{
   position: absolute;
   margin-left: 23%;
   margin-top: -27%;
   width: 48%;
   height: 27vw;
 }
 .imgmar{
   margin-top: 5%;
   width:100%
 }
 .divmarcelo{
   margin-bottom: -35%
 }
 .qualifica{
   width: 40%;

   transform: translateY(-115%);
   margin-left: 50%


 }
 .qualifica h1{
   font-size:2.7em;
   font-weight:bolder

 }
 .qualifica p{
font-size: 1.4em;
font-weight: bold


 }
 .titulocon{
   margin-left: 5%;
   margin-top: 3%;
   font-weight: bolder;

 }
 .fotosdupla{
   margin-left:9%;
   margin-top:3%;
   margin-bottom: 4%;
   width:80%
 }

 /* .contato{
   width:100%;
   margin-left: 0
 } */
 /* .icontato{
   margin-left:23%;
   transform: translateY(-250%)

 } */

 /* @media only screen and (max-width: 768px){
   .titulosob{
     margin-left: 1%;
     margin-top: 3%;
     font-weight: bolder;
   }
   .linhaborda{
     margin-left: 2%;
     width:90%
   }
   .imgyt{
     margin-left: -45%;
     transform:scale(0.4);
     margin-top: -30%
   }
   .imgmar{
     margin-top: -20%;
     transform:scale(1)
   }
   .titulocon{
     margin-left: 1%;
     margin-top: 3%;
     font-weight: bolder;
     transform:scale(0.8)

   }
   .fotosdupla{
     margin-left:9%;
     margin-top:3%;
     margin-bottom: 4%;
     width:80%
   }
   #main{
     margin: 0;
     padding: 0;
     overflow-x: hidden;
     .dicontato{
       transform:scale(1);
       margin-top: -5%
     }
     .icontato{
       transform:scale(0.4);
       margin-left: 14%;
       margin-top: -22%

     }
     #tele{
       margin-left: -94%

     }
     #wpp{
       margin-left: 62%
     }
     #conf{
       margin-left: 200%
     }





 }
 */










@media only screen and (max-width: 767px) {
/*  .contatos{
    display:inline-block !important;
    position: fixed;

  }*/
/*  .fundo{
    background: url('assets/imagens/psciobanner.png') ;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position: 0 0;
    height: 40vh;
    width: 100%;
  }*/
  .texto-capa{
    width: 80%;
    position: relative;
    top:70%;
    left:10%;

  }
  .texto-capa p{
    font-family: 'texto home';
    font-size: 0.6em;
    font-weight: normal;
    color:white;
    text-align: left;
   }
   .texto-capa h1{
     font-family: 'texto home';
     font-size: 1em;
     font-weight: normal;
     color:white;


   }
/*  .botao-consulta{

    max-width: 200px;
    max-height: 70px;
  }*/
  .apresenta-marcelo{
  display: block;
  position: relative;
  }
  .imagemmarcelo{
    margin: 11.3vh 8vh;
    margin-left: 5rem;
    margin-top: 2vh;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
    max-width: 200px;
    max-height: 200px;
    margin: 0;
    position: relative;
    top: 20%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
   }

  .textomarcelo{
    width: 80%;
    text-align: justify;
    display: block;
    margin-left: 2rem;
    position: absolute;
    margin-top: 3rem;
    margin-right: 0;
  }

  .textomarcelo p{
    font-family: 'texto home';
    font-size: 0.7em;
    font-weight: normal;
    color:#444444;
   }
   .textomarcelo h1{
     text-align: center;
     font-family: 'titulo home';
     font-size: 2em;
     font-weight: normal;
     color:#444444;
      text-align: center;
   }
}
@media (min-width: 1700px) and (max-width: 1850px){
  .logo-nav{
    width: 96%;
    height: 101px;
    margin: 5px;
/* margin-left: -22%;
  }
}