/***************** IMG CONTENT ********************/

main.main-content .node__content .field__item img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

main.main-content .node__content .field__item img.align-center {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: none;
}

@media (min-width: 776px) {
   main.main-content .node__content .field__item img {
     max-width: 50%;
  }
}

/****************************************************/

.img-fluid {
    content: url("/sites/default/files/logo_SEJU_2023.png");
    width: 100%;
}

/*************** SERVIÇOS BÁSICOS ****************/

.card-services-basic-body h3 a , .card-services-basic .card-service-basic-base h3 a{
  font-size: 0.9rem;
  color: #000;
}

.card-services-basic-body h3 a , .card-services-basic .card-service-basic-base h3{
  line-height: 1rem;
}

.card-services-basic a{
  display: contents;
}

.card-services-basic .card-service-basic-base {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0%;
  left: 0%;
  min-height: 50px;
  height: 50px;
  width: 100%;
  padding: 0px 12px;
  background-color: white;
  margin: 0%;
  transition: ease-in-out 0.3s;
  text-align: center;
  border-radius: 0 0 10px 10px;
}

.card-services-basic {
  position: relative;
  max-width: 300px;
  max-height: 230px;
  /* height: 200px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  border: 1px solid rgb(221, 220, 220);
  box-shadow: rgb(221, 220, 220) 0 0 5px 1px;
}

.card-services-basic img {
  width: 100% !important;
  min-height: 200px !important;
  height: 100% !important;
  justify-self: flex-start !important;
  border-radius: 10px;
}