body h1 {
  font-family: "Times New Roman", Times, serif;
}

p {
  margin: unset;
}

nav a {
  padding: 1rem;
}

nav div ul li {
  padding: 0 1rem;
}

.main__banner {
  width: 100%;
  height: 500px;
  padding: 2rem;
  background-image: url("./assets/banner4.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 768px) {
  .main__banner {
    height: 300px;
    background-image: url("./assets/responsive-banner.png");
    align-items: center;
    justify-content: center;
    background-attachment: scroll;
    flex-direction: column;
  }
}
.main__banner img {
  max-width: 50%;
  height: min-content;
}
@media (max-width: 768px) {
  .main__banner img {
    max-width: 90%;
    height: auto;
    object-fit: contain;
  }
}

.bukan {
  padding: 1rem;
}
.bukan__header {
  margin-bottom: 1rem;
}
.bukan__header h1 {
  text-align: center;
  color: #A61420;
}
.bukan__header p {
  font-weight: lighter;
}
.bukan__objectives {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .bukan__objectives {
    flex-direction: column;
  }
}
.bukan__objectives-objective {
  width: 30%;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 768px) {
  .bukan__objectives-objective {
    width: 100%;
    padding: 0.5rem 0px;
  }
}
.bukan__join {
  padding: 1rem;
  display: flex;
  justify-content: center;
}
.bukan__join button {
  width: 300px;
  height: 50px;
}
@media (max-width: 768px) {
  .bukan__join button {
    width: 100%;
  }
}

.paralax {
  width: 100%;
  height: 300px;
  margin: 1rem 0;
  background-image: url("./assets/paralax.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3), 0 4px 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .paralax {
    background-attachment: scroll;
  }
}

.graduation {
  padding: 1rem;
}
.graduation__header {
  margin-bottom: 1rem;
}
.graduation__header h1 {
  text-align: center;
  color: #A61420;
}
.graduation__header p {
  font-weight: lighter;
}
.graduation__belts {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .graduation__belts {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.graduation__belts-belt {
  padding: 1rem;
  margin-bottom: 2rem;
  border: 1px solid yellow;
  border-radius: 6px;
  text-align: center;
}
@media (max-width: 768px) {
  .graduation__belts-belt {
    padding: 0.5rem;
  }
}
.graduation__belts-belt p {
  margin: unset;
}
.graduation__belts-belt-yellow {
  border: 1px solid yellow;
}
.graduation__belts-belt-orange {
  border: 1px solid orange;
}
.graduation__belts-belt-green {
  border: 1px solid green;
}
.graduation__belts-belt-blue {
  border: 1px solid blue;
}
.graduation__belts-belt-brown {
  border: 1px solid brown;
}
.graduation__belts-belt-black {
  border: 1px solid black;
}

.instructor {
  padding: 1rem;
  margin-bottom: 1rem;
}
.instructor__about {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
@media (max-width: 768px) {
  .instructor__about {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.instructor__about-img {
  background-image: url("./assets/otavio-casemiro.png");
  background-size: contain;
  background-attachment: fixed;
  width: 250%;
  height: 400px;
  background-repeat: no-repeat;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3), 0 4px 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
  .instructor__about-img {
    background-image: url("./assets/otavio-casemiro-responsive.png");
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    width: 100%;
    height: 300px;
  }
}
.instructor__about-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.instructor__about-content-text h1 {
  text-align: center;
  color: #A61420;
}
.instructor__about-content-text p {
  font-weight: lighter;
}

.local {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .local {
    flex-direction: column;
    padding: unset;
  }
}
.local__address {
  width: 70%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 768px) {
  .local__address {
    width: 100%;
  }
}
.local__address-join {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: center;
}
.local__address-join button {
  width: 300px;
  height: 50px;
}
@media (max-width: 768px) {
  .local__address-join button {
    width: 100%;
  }
}
.local__address h1 {
  text-align: center;
  color: #A61420;
}
.local__address p {
  font-weight: lighter;
}
@media (max-width: 768px) {
  .local__address p {
    padding: 1rem;
  }
}
.local__address iframe {
  width: 400px;
  height: 200px;
}
@media (max-width: 768px) {
  .local__address iframe {
    padding: 1rem;
    width: 100%;
  }
}
.local__tatame {
  width: 100%;
  display: contents;
}
.local__tatame video {
  width: auto;
  height: 535px;
}
@media (max-width: 768px) {
  .local__tatame video {
    display: none;
  }
}
.local__tatame-students {
  display: none;
  width: 100%;
  height: 300px;
  background-image: url("./assets/alunos.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
@media (max-width: 768px) {
  .local__tatame-students {
    display: block;
    background-attachment: scroll;
  }
}

.footer {
  background-color: #212529;
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
}
.footer__header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8rem;
}
@media (max-width: 768px) {
  .footer__header {
    margin-left: unset;
  }
}
.footer__header img {
  width: 15%;
}
@media (max-width: 768px) {
  .footer__header img {
    width: 40%;
  }
}
.footer hr {
  width: 100%;
  color: white;
}
.footer__informations {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .footer__informations {
    gap: 2rem;
  }
}
.footer__informations-dev {
  display: flex;
  flex-direction: column;
  color: white;
  width: min-content;
  font-weight: lighter;
}
.footer__informations-dev p,
.footer__informations-dev a {
  display: flex;
  width: max-content;
}
@media (max-width: 768px) {
  .footer__informations-dev p,
  .footer__informations-dev a {
    text-align: center;
    align-self: center;
    width: min-content;
  }
}
.footer__informations-address {
  color: white;
}
@media (max-width: 768px) {
  .footer__informations-address {
    width: min-content;
    text-align: center;
  }
}

/*# sourceMappingURL=styles.css.map */