body {
  font-family: 'Heebo', 'Myriad Pro', 'Myriad', 'Helvetica', sans-serif !important;
  font-weight: normal;
}

.grid-footer-contact {
  /* grid-area: contact; */
  float: left;
  text-align: left;
  color: black;
  margin-left: 7%;
  width: 10%;
}

.grid-footer-logos {
  /* grid-area: logos; */
  float: right;
  margin-right: 10%;
  width: auto;
}

.language-button {
  color: black;
  text-decoration: none;
}

.home-about {
  margin-top: 5%;
  margin-bottom: 5%;
  margin-left: 16%;
  margin-right: 16%;
  text-align: justify;
  font-size: 16pt;
}

.blue-section {
  background-color: #3476a6;
  color: white;
}

.blue-off-section {
  background-color: #449dd7;
  color: white;
}

.blue-section a {
  color: rgb(219, 219, 219);
}

.blue-off-section a {
  color: rgb(219, 219, 219);
}

.white-section {
  background-color: white;
  color: #449dd7;
}

.mid-container-title {
  text-align: center;
  font-size: 24pt;
  text-transform: uppercase;
}

.mid-container {
  padding-top: 3vh;
  padding-bottom: 10vh;
}

.person {
  font-size: 1.2rem;
}

.person span {
  display: block;
  padding-left: 1vw;
}

.person-image {
  min-height: 23vh;
  width: 100%;
  object-fit: contain;
}

.student {
  padding: 4vh 4vw;
  font-size: 1.2rem;
  text-align: center;
}

.student span {
  display: block;
}

.big-blocky-link {
  display: block;
  border: 3px solid rgba(255, 255, 255, 0.322);
  /* padding: 0 3vw; */
  text-align: center;
  text-transform: capitalize;
  font-size: 1.4rem;
  font-weight: 600;
  padding-top: 15%;
  padding-bottom: 15%;
  height: 100%;
  transition: 0.2s;
  color: white !important;
  font-size: 14pt; /* maior que isso escapa da caixa */
  line-height: 100%;
}

.big-blocky-link:hover {
  background-color: rgba(255, 255, 255, 0.322);
  cursor: pointer;
  text-decoration: none;
}

.no-hover:hover{
  text-decoration: none;
}

.title-grid {
  grid-area: header;
  text-align: center;
  color: white;
  font-size: 24pt;
  margin-top: 2%;
}

.white-underline {
  background-color: white;
  width: 15%;
  height: 2px;
  margin-left: 42.5%;
  margin-bottom: 5%;
  margin-top: -1.5vh;
}

.blue-underline {
  background-color: #449dd7;
  width: 20%;
  height: 2px;
  margin-left: 40%;
  margin-bottom: 5%;
  margin-top: -1.5vh;
}

.grid-item-a {
  grid-area: a;
  outline: white;
  outline-style: solid;
  outline-width: 1px;
  margin-right: 1%;
  margin-bottom: 1%;
}

.grid-item-b {
  grid-area: b;
  outline: white;
  outline-style: solid;
  outline-width: 1px;
  /* width: 47%;
  height: 100%px;
  margin: 1%; */
  margin-left: 1%;
  margin-bottom: 1%;
}

.grid-item-c {
  grid-area: c;
  outline: white;
  outline-style: solid;
  outline-width: 1px;
  /* width: 47%;
  height: 100%px;
  margin: 1%; */
  margin-right: 1%;
  margin-top: 1%;
}

.grid-item-d {
  grid-area: d;
  outline: white;
  outline-style: solid;
  outline-width: 1px;
  /* width: 47%;
  height: 100%px;
  margin: 1%; */
  margin-left: 1%;
  margin-top: 1%;
}

.news-container {
  margin: 2%;
}

.category-title{
  font-style: bold;
  font-size: 24pt;
}

.news-title {
  color: white;
}

.partner {
  color: #449dd7;
  text-align: center;
}

.partner-title {
  margin-top: 3%;
}

.partner-logo {
  height: 110px;
  width: auto;
  margin: 1%;
  margin-bottom: 5%;
  padding-left: 3vw;
}

.partner-logo:first {
  padding: 0;
}

.partner-logo:hover{
  /* color: white; */
  text-decoration: none;
}

.research-project {
  display: block;
  outline: 3px solid rgba(255, 255, 255, 0.322);
  outline-offset: -10px;
  /* padding: 0 3vw; */
  text-align: center;
  text-transform: capitalize;
  font-size: 1.4rem;
  font-weight: 600;
  padding-top: 12.5%;
  padding-bottom: 12.5%;
  margin-right: 10%;
  margin-left: 10%;
  height: 100%;
  transition: 0.2s;
  color: white !important;
  font-size: 14pt; /* maior que isso escapa da caixa */
  line-height: 100%;
}

.research-project:hover {
  background-color: rgba(255, 255, 255, 0.322);
  cursor: pointer;
  text-decoration: none;
}

.academics-item {
  outline: white;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: -5px;

  text-align: center;
  letter-spacing: 2px;
  font-size: 18pt;

  padding: 10%;
  width: 85%;
  height: 100%;
  margin-left: 15%;
}

.alt-color:nth-child(odd) {
  background: #449dd7;
}

.alt-color:nth-child(even) {
  background: #3476a6;
}

.production-item {
  color: white;
  letter-spacing: 2px;

  padding-left: 5%;
  padding-right: 5%;
  padding-top: 3%;
  padding-bottom: 3%;
}

.system-image {
  width: 100%;
  object-fit: contain;
}

.breadcrumb-bg {
  background-color: #22567c;
}

.breadcrumb {
  background-color: transparent;
  color: rgb(231, 231, 231);
  margin-bottom: 0;
}

.breadcrumb a {
  color: white;
}

.breadcrumb-item {
  text-transform: capitalize;
}

.footer-logo {
  padding-left: 2vw;
}

.page-title {
  /* position: absolute; */
  /* top: 25%; */
  /* left: 50%; */
  text-align: center;
  /* padding-top: 30vh; */
  font-size: 52pt;
  font-weight: bolder;
  letter-spacing: 5pt;
  color: black;
  /* transform: translate(-50%, -50%); */
  background-image: url('../img/capa/capa_Lisa.png');
  /* background-attachment: fixed ; */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-clip: padding-box;
  padding: 10%;
  /* width: 100%; */
  /* height: auto; */
}

.research-grid {
  display: grid;
  grid-template-columns: 1fr 1fr ;
  grid-template-rows: 0.5fr 0.5fr 0.5fr 0.5fr;
}

.research-grid-main{
  text-align: justify;
  font-weight: bold;
  grid-column-start: 1;
  grid-column-end: 3;
  margin-top: 3%;
  /* margin-bottom: 1%; */
  margin-left: 27%;
  margin-right: 27%;
}

.research-grid-section{
  text-align: left;
  font-weight: bold;
  grid-column-start: 1;
  grid-column-end: 1;
  margin-left: 54%;
  margin-bottom: 5%;
}

.research-grid-text{
  text-align: justify;
  grid-column-start: 2;
  grid-column-end: 2;
  margin-right: 54%;
  margin-bottom: 5%;
}

.news-square {
  display: block;
  outline: 3px solid rgba(255, 255, 255, 0.322);
  outline-offset: -10px;
  /* padding: 0 3vw; */
  text-align: left;
  letter-spacing: 1pt;
  /* text-transform: capitalize; */
  font-size: 1.4rem;
  font-weight: 430;
  /* padding-top: 12.5%; */
  /* padding-bottom: 12.5%; */
  /* margin-right: 10%; */
  /* margin-left: 10%; */
  height: 100%;
  transition: 0.2s;
  color: black;
  font-size: 14pt; /* maior que isso escapa da caixa */
  line-height: 100%;
}

.news-square-inside{
  padding: 10%;
  /* padding-bottom: 0px; */
}