html {
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
}

:where(button) {
  text-decoration: none;
  outline: none;
  border: none;
  box-sizing: border-box;
}

/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
.julian-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#julian {
  background-image: url(../img/julian_.png);
}
/*
 #julian:hover {
     background-image: url(../img/julian1.png);
 }*/

.ivo-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#ivo {
  background-image: url(../img/ivo_.png);
}
/*
 #ivo:hover {
     background-image: url(../img/ivo1.png);
 }

*/

.roberto-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#roberto {
  background-image: url(../img/roberto_.png);
}

.marcio-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#marcio {
  background-image: url(../img/marcio_.png);
}

.camilla-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#camilla {
  background-image: url(../img/camilla_.png);
}

.igor-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#igor {
  background-image: url(../img/igor_.png);
}

.debora-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#debora {
  background-image: url(../img/debora.png);
}

.marlon-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#marlon {
  background-image: url(../img/marlon.png);
}

.leander-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#leander {
  background-image: url(../img/leander.png);
}

.luan-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#luan {
  background-image: url(../img/luan.png);
}

.thayane-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#thayane {
  background-image: url(../img/thayane.png);
}

.bruno-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#bruno {
  background-image: url(../img/bruno.png);
}

.gustavo-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#gustavo {
  background-image: url(../img/gustavo.png);
}

.alessandra-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#alessandra {
  background-image: url(../img/alessandra.png);
}

.kanan-images {
  background-size: 75%;
  background-position: center;
  width: 100%;
  height: 150px;
  position: relative;
  background-repeat: no-repeat;
}

#kanan {
  background-image: url(../img/kanan.png);
}

nav ul a,
nav .brand-logo {
  color: #444;
}

p {
  line-height: 2rem;
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 500px;
  line-height: 0;
  height: auto;
  color: rgba(255, 255, 255, 0.9);
}

.parallax-container .section {
  width: 100%;
}

.button {
  font-size: 1.875rem;
  padding: 20px 80px;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
}

.button--danger {
  color: #ffffff;
  background-color: #e62737;
  transition: background-color 0.2s linear;
}

.button--danger:hover {
  background-color: #ce1524;
}

.media__text {
  display: flex;
  width: 100%;
  font-size: 22px;
  text-align: center;
  font-weight: 300;
}

.media__sponsors {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

@media only screen and (max-width: 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width: 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

.title_one {
  font-family: "DM Serif Display", serif;
}

.font_body {
  font-family: "DM Sans", sans-serif;
}

.flex {
  display: flex;
}

.align-center {
  align-items: center;
}