body {font-family: "Raleway", sans-serif}

.header-span {
  margin-bottom: -10px; /* ajuste o valor conforme necessário */
}

h1,h2,h3,h4,h5,h6 {
margin: 0 0 20px;
text-transform: uppercase;
font-family: Montserrat,sans-serif;
font-weight: 700;
letter-spacing: 1px;
}

body, html {
  height: 100%;
  line-height: 1.8;
}

a {
color: #eb5d1e;
text-decoration: none;
cursor: pointer;
}

/* Menu no topo da página */
#myNavbar a {
    color: white;
}

/* Menu depois de rolar mais de 100px */
#myNavbar.menu-rolado a {
    color: black;
}

.link-contact
{
  color : white;
}

/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("img/team/black.jpeg");
  min-height: 100%;
  
}

.w3-bar .w3-button {
  padding: 16px;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1000px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px;
  }
}

#avaiable .available-gallery,
#expo .expo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin-top: 64px;
}

#avaiable .available-gallery img {
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

@media (min-width: 601px) {
  #avaiable .available-gallery,
  #expo .expo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 993px) {
  #avaiable .available-gallery,
  #expo .expo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

#expo .expo-item {
  display: flex;
  min-width: 0;
}

#expo .w3-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

#expo .w3-card > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center top;
}

#expo .w3-card > .w3-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

#expo .w3-card > .w3-container > p:last-child {
  margin-top: auto;
  padding-top: 15px;
}

#expo .w3-button {
  white-space: normal;
}

#photos .w3-col img {
    width: 100%;
    height: 250px;

    object-fit: cover;
    object-position: center;

    display: block;

    cursor: pointer;
}
