/* GERAL */
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap");

/* Mobile Layout: 480px and below. */

html,
body,
a,
p,
div,
img {
  margin: 0;
  padding: 0;
  border: 0;
  /* font-size: 100%;
  font: inherit;
  vertical-align: baseline; */
  /* align-content: center; */
  font-family: "Ubuntu", sans-serif;
}

#page-wrapper {
  width: 100%;
  height: 100%;
  align-content: center;
  background: rgb(18, 63, 37);
  background: linear-gradient(
    180deg,
    rgba(18, 63, 37, 1) 0%,
    rgba(4, 104, 49, 1) 10%,
    rgba(4, 104, 49, 1) 20%,
    rgba(18, 63, 37, 1) 35.5%,
    rgba(93, 162, 126, 1) 35.5%,
    rgba(140, 193, 166, 1) 64%,
    rgba(140, 193, 166, 1) 86%,
    rgba(75, 151, 110, 1) 100%
  );
}
#header {
  z-index: 0;
  height: 249px;
}

.barrado_sup {
  height: 51px;
  background-image: url(images/topo.png);
  background-repeat: no-repeat;
  background-position: center;
}

.logos {
  height: 198px;
  text-align: center;
  padding-top: 20px;
  /* padding: 0 1.5em 0 1.5em; */
}

#photo {
  height: 189px;
  background-image: url(images/fundo_foto.png);
  background-repeat: no-repeat;
  background-position: center;
}

.imagem {
  text-align: center;
}

.imagem img {
  border-radius: 50%;
  position: inherit;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  -webkit-box-shadow: 0px 3px 10px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 10px 10px rgba(0, 0, 0, 0.2);
}

.texto {
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  color: white;
  line-height: 20px;
}

.texto span {
  font-weight: 300;
  font-size: 15px;
}

#btns {
  height: 335px;
  width: 100%;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: 105px 105px 105px;
  grid-template-areas:
    "a b c"
    "d e f"
    "g g g";
  align-content: center;
  grid-gap: 15px;
  padding: 30px 0 10px 0;
}

.grid-area-a {
  grid-area: a;
  justify-self: right;
}
.grid-area-b {
  grid-area: b;
  justify-self: center;
}
.grid-area-c {
  grid-area: c;
  justify-self: left;
}

.grid-area-d {
  grid-area: d;
  justify-self: right;
}
.grid-area-e {
  grid-area: e;
  justify-self: center;
}
.grid-area-f {
  grid-area: f;
  justify-self: left;
}

.grid-area-g {
  grid-area: g;
}

.button {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  background-color: white;
  border: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
}

.button_VCARD a {
  color: #046831;
  text-decoration: none;
}

.button_VCARD {
  width: 340px;
  height: 40px;
  border-radius: 10px;
  background-color: white;
  font-weight: 700;
  font-size: 20px;
  padding-top: 0.6em;
  justify-self: center;
  text-align: center;
  border: none;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
}