/* SOBRE */

.page-sobre .sobre-layout {
  display: grid;

  grid-template-columns: 700px 1fr;

  gap: 40px;

  margin-top: 120px;

  align-items: start;
  margin-left: 0;
}

/* IMAGEM FLUTUANTE */

.page-sobre .imagem-flutuante {
  position: absolute;

  top: 0;
  left: 750px;

  width: 120px;
}

.page-sobre .imagem-flutuante img {
  width: 100%;
  height: auto;

  display: block;
}

/* TEXTO */

.page-sobre .sobre-texto {
  max-width: 600px;
  margin-top: 50px;
}

.page-sobre .sobre-texto p {

  font-size: 15px;
  line-height: 1.7;

  color: #666;
}

.page-sobre .contato {
  margin-top: 100px;
}

.page-sobre .contato p {
  font-size: 18px;

  line-height: 1.5;

  color: #999;
}

.page-sobre .contato p a:hover {
  color: var(--hover);
}


/* MOBILE */

@media (max-width: 768px) {

  .page-sobre .imagem-flutuante {
    position: static;

    width: 120px;

    margin-bottom: 32px;
  }

  .page-sobre .sobre-layout {
    display: block;

    margin-top: 0;
  }

  .page-sobre .sobre-texto {
    max-width: 100%;

    margin-top: 0;
  }

  .page-sobre .sobre-texto p {
    font-size: 14px;
  }

  .page-sobre .contato {
    margin-top: 48px;
  }

  .page-sobre .contato p {
    font-size: 14px;
  }

}