.especialista{ }
.especialista > .conteudo{ position: relative; padding-top: 5% !important; padding-bottom: 5% !important; margin-left: 10% !important; width: 80% !important; padding-bottom: 5% !important; }
.grid > .row > div > .row{ cursor: pointer !important; }



@media(min-width: 769px){
  .especialistas > div{ cursor: pointer !important; }
  .corpo_medico > img{ width: 100% !important; border-radius: 50% !important; }
  .nome_medico{ color: #2f6fb6 !important; margin-top: 10% !important; font-size: 24px !important; font-weight: bold !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
  .especialidade_medico{ margin: 0 !important; padding: 0 !important; font-size: 16px !important; }
  .especialidade_medico > p{ margin-bottom: 0.5% !important; text-align: center !important;  }
  .especialista > .conteudo > .title-1{ padding-bottom: 5% !important; }
  .grid > .row.space-y{ margin-top: 5%  !important; }
  .grid > .row > div > .row > div > img{ border-radius: 50%; width: 95% !important; height: 110px !important; }
  .grid > .row > div > .row > div:nth-child(2){ padding-left: 0.5% !important; }
  .grid > .row > div > .row > div:nth-child(2) > p:nth-child(1){ font-size: 20px !important; font-weight: bolder !important; }
  .grid > .row > div > .row > div:nth-child(2) > p{ padding: 0 !important; margin: 0 !important; }
  .grid > .row > div > .row > div:nth-child(2) > p:nth-child(1){ color: black !important; }
  .grid > .row > div > .row > div:nth-child(2) > p:nth-child(2){ color: grey !important; font-size: 14px !important; text-align: justify !important; }
  .grid > .row > div > .row > div:nth-child(2) > p:nth-child(3){ margin-top: 1.5% !important; color: blue !important; font-size: 14px !important; text-align: justify !important; }
}

@media(max-width: 768px){
  .corpo_medico{ text-align: center !important; }
  .corpo_medico > img{ margin-left: 20% !important; width: 60% !important; text-align: center !important; border-radius: 50% !important; }
  .nome_medico{ color: #2f6fb6 !important; margin-top: 10% !important; font-size: 24px !important; font-weight: bold !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
  .especialidade_medico{ margin: 0 !important; padding: 0 !important; font-size: 16px !important; }
  .especialidade_medico > p{ margin-bottom: 0.5% !important; text-align: center !important;  }
  .especialista > .conteudo > .title-1{ padding-bottom: 5% !important; }
  .grid > .row.space-y{ margin-top: 5%  !important; }
  .grid > .row > div > .row{ text-align: center !important; margin-top: 5% !important; }
  .grid > .row > div > .row > div{ text-align: center !important; }
  .grid > .row > div > .row > div > img{ border-radius: 50%; width: 110px !important; height: 110px !important; }
  .grid > .row > div > .row > div:nth-child(2){ padding-left: 0.5% !important; }
  .grid > .row > div > .row > div:nth-child(2) > p:nth-child(1){ font-size: 20px !important; font-weight: bolder !important; }
  .grid > .row > div > .row > div:nth-child(2) > p{ padding: 0 !important; margin: 0 !important; }
  .grid > .row > div > .row > div:nth-child(2) > p:nth-child(1){ color: black !important; }
  .grid > .row > div > .row > div:nth-child(2) > p:nth-child(2){ color: grey !important; font-size: 14px !important; text-align: justify !important; }
  .grid > .row > div > .row > div:nth-child(2) > p:nth-child(3){ margin-top: 1.5% !important; color: blue !important; font-size: 14px !important; text-align: justify !important; }
}