body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #1e1e1e;
    color: #eaeaea;
    position: relative;
}

.right {
  position: absolute;
  width: 400px;
  right: 50px;
  z-index: -1;
  opacity: 7%;
  top: 60px;
}

.left {
  position: absolute;
  width: 300px;
  left: 50px;
  z-index: -1;
  opacity: 7%;
  top: 342px;
}

p {
  margin: 0px;
  }

header {
  margin-top: 20px;
  padding-bottom: 20px;
  }

nav {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 10px;
  }
  
.baner_p {
  padding: 0px 10px;
  }
  
.baner {
  width: 100%;
  max-width: 1200px;
  border-radius: 10px;
  display: flex;
  margin-top: 20px;
  margin: 0 auto;
  margin-bottom: 100px;
  }
  
section {
  padding: 0px 10px;
  max-width: 1200px;
  margin: 0 auto;
  }
  
.btn_position {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
  
.btn_main {
  text-decoration: none;
  color: white;
  background-color: #c18932;
  padding: 10px 20px;
  border-radius: 5px;
  border: solid 1px #c18932;
}

.btn_main:hover {
  color: #1e1e1e;
  background-color: white;
  border: solid 1px #1e1e1e;
  border-radius: 6px;
  transition: background-color 0.3s;
  }
  
.logo_main {
  width: 80px;
  }
  
h1 {
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 80px;
  }
  
h2 {
  text-align: left;
  text-transform: uppercase;
  }
  
.about_position {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  margin-top: 40px;
  }
  
.text_about {
    max-width: 500px;
}
  
.text_main {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.position_about {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  margin-bottom: 40px;
  }

.about {
  max-width: 500px;
  border-radius: 10px;
}

footer {
  padding: 0px 10px;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  }

.btn_position_foot {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.title_foot {
      text-align:center;
      }

.copy_foot {
  text-align: center;
  margin: 80px 20px;
}

.foot_img {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1000px) and (min-width: 800px) {

.baner {
  border-radius: 10px;
  display: flex;
  margin-top: 20px;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.position_about {
  gap: 10px;
  margin-bottom: 20px;
}

.about {
  max-width: 400px;
}
}

@media (max-width: 800px) {

  .left {
  top: 480px;
}
  
  .about_text_title {
      margin: 0 auto;
      }

  .about_position {
    flex-direction: column;
  }

  .position_about {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
    }
    
   .about {
    max-width: 320px;
    display: flex;
    margin: 0 auto;
    }
    
    .foot_img {
    flex-direction: column;
  }
  
  .foot_img_b {
    margin-top: 40px;
    }
  }