body {
    color:#27436d;
    margin:0 auto;
}
h2,h3,h4,h5,h6 {
  color:#000;
}
section {
  padding:50px 20px;
  display:flex;
  align-items:center;
  background:#003551;
  margin:0;
  @media(max-width:767px){
    padding:50px 20px;
  }
  & .container {
    max-width:100%;
    width:800px;
  }
  &.fruto {
    padding:20px;
    justify-content:center;
    & #fruto-brand {
      & img {
        height:12px !important;
      }
    }
  }
  &.about,
  &.hero,
  &.exhibitors {
    text-align:center;
  }
  &.hero {
    background-image:url('https://eyefunc.com/wp-content/uploads/2024/11/3banner-scaled.jpg');
    background-size:cover;
    background-position:top;
    background-attachment:fixed;
    position:relative;
    & .caption {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 16px;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      padding:25px 40px;
    }
    & .container {
      z-index:2;
    }
  }
  &.exhibitors {
    background:#f9f9f9;
  }
}
.about,
.exhibitors,
.contact {
  & h2 {
    font-size:40px;
    background-image: linear-gradient(to left, #0172ad 45%, #6accff);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    display:inline-block;
    margin:0 auto 25px auto;
  }
}
.logo {
    font-size:40px;
    font-weight:900;
    margin:35px auto;
    display:flex;
    flex-direction:column;
    row-gap:10px;
    justify-content:center;
    & img {
        height:100px;
    }
    & div {
        text-align:center;
    }
}
.buttons {
  display:flex;
  align-items:center;
  justify-content:center;
  margin:35px auto;
  column-gap:20px;
  & button {
    padding:10px 30px;
    text-align:center;
  }
}
.images {
  display:flex;
  column-gap:50px;
  row-gap:75px;
  margin-top:50px;
  flex-wrap:wrap;
  justify-content:center;
  & img {
    width:calc(33.33% - 50px);
    height:100px;
    max-width:none;
    flex-shrink:0;
    flex-grow:0;
    object-fit:contain;
    mix-blend-mode:multiply;
    @media(max-width:477px){
      width:calc(50% - 50px);
    }
  }
}