:root {
  --base-color: 	#006A4E;
  --color-circle: #F42A41;
  --flag-height: 200px;
  --flag-width: calc(var(--flag-height) * 20/12);
}
.box-bangladesh {
  border: 1px solid;
  border-radius: 50px;
  margin: 30px 50px;
  height: 90vh;
}
h1,h2, p {
  text-align: center;
}
.base {
  position: relative;
  background-color: var(--base-color);
  height: var(--flag-height);
  width: var(--flag-width);
  margin: 20px auto;
  border: 1px solid;
  border-radius: 5px;
}
.red-circle {
  position: absolute;
  top: calc(var(--flag-height) * 1/6);
  left: calc(var(--flag-width) * 5/20);
  width: calc(var(--flag-width) * 8/20);
  height: calc(var(--flag-width) * 8/20);
  background-color: var(--color-circle);
  border-radius: 50%;

}
span {
  display: inline-block;
  border: 1px solid;
}
.color-1 {
  background-color: var(--base-color);
}
.color-2 {
  background-color: var(--color-circle)
}
span {
  height: 15px;
  width: 15px;
}
p {
  font-size: 20px;
}
h2 {
  font-size: 30px;
}
@media (max-width: 320px) {
  :root {
    --flag-height: 50vw;
  }
  .box-bangladesh {
    margin: 20px auto;
  }
  h1.title {
    font-size: 30px;
  }
  h2 {
    font-size: 20px;
  }
  p {
    font-size: 15px;
  }
  span {
    height: 12px;
    width: 12px;
  }
}
@media (min-width: 321px) and (max-width: 420px) {
  :root {
    --flag-height: 55vw;
  }
  .box-bangladesh {
    margin: 30px auto;
  }
  h1.title {
    font-size: 40px;
  }
  h2 {
    font-size: 25px;
  }
  p {
    font-size: 20px;
  }
  span {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 421px) and (max-width: 600px) {
  :root {
    --flag-height: 200px;
  }
  .box-bangladesh {
    margin: 30px auto;
  }
  h1.title {
    font-size: 50px;
  }
  h2 {
    font-size: 30px;
  }
  p {
    font-size: 20px;
  }
  span {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 601px) and (max-width: 768px) {
  :root {
    --flag-height: 230px;
  }
  .box-bangladesh {
    margin: 30px auto;
  }
  h1.title {
    font-size: 50px;
  }
  h2 {
    font-size: 30px;
  }
  p {
    font-size: 20px;
  }
  span {
    height: 15px;
    width: 15px;
  }
}