* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

body {
  background-color: rgb(43, 40, 40);
}

.header {
  float: left;
  width: 80%;
  position: relative;
  margin-left: 17%;
  margin-top: 180px;
  background-color: rgb(43, 40, 40);
  /* background-color: gray; */
}

.header > .a {
  font-size: 25px;
  font-size: clamp(8px, 2vw, 18px);
  line-height: 200%;
  letter-spacing: 5px;
  color: rgba(223, 212, 205, 0.8);
  position: absolute;
  margin-top: -15px;
}

.header h1 {
  font-size: clamp(50px, 8vw, 150px);
  line-height: 100%;
  letter-spacing: 7px;
  color: rgb(223, 212, 205);
  margin-top: 0px;
  background-color: ;
}

.header h2{
  font-size: clamp(15px, 2vw, 35px);
  line-height: 150%;
  letter-spacing: 7px;
  color: rgba(223, 212, 205, 0.9);
  margin-top: 0px;
  padding-left: 3.5%;
}

.text-b{
  float: left;
  width: 100%;
  margin-top: 100px;
  padding-left: 3%;
  background-color: ;
}

.text-b p{
  font-size: clamp(13px, 2vw, 20px);
  line-height: 200%;
  letter-spacing: 5px;
  color: rgb(175, 203, 226);
  padding-left: 3%;
}

.header > .c {
  font-size: 15px;
  font-size: clamp(10px, 1.5vw, 15px);
  line-height: 200%;
  letter-spacing: 5px;
  color: rgb(207, 183, 159);
  margin-top: 300px;
  padding-left: 10%;
}

@media only screen and (max-width: 640px) {
  .header h2{
    padding-left: 5%;
  }
}

@media only screen and (min-width: 640px) {
  .header h2{
    padding-left: 5%;
  }
}

@media only screen and (min-width: 769px ) {
  .header h2{
    padding-left: 4%;
  }
}