@media screen and (max-width:1366px) {
    header {
	width: 100%;
  }
    .container {
	width: 80%;
  }
}
@media screen and (max-width:1024px) {
    .container {
	width: 90%;
  }
    .carboncc {
	text-indent: 4%;
  }
    .history {
	text-indent: 12%;
  }
}
@media screen and (max-width:900px) {
    h1 {
        font-size: 188%;
    }
    .history {
	text-indent: 14%;
  }
}
@media screen and (max-width:810px) {
    h1 {
	font-size: 163%;
  }
    .sub-title {
	font-size: 125%;
  }
    .carboncc {
	text-indent: 5%;
  }
    .history {
	text-indent: 15%;
  }
}
@media screen and (max-width:800px) {
    body {
        font-size: 100%;
    }
}
@media screen and (max-width:720px) {
    .container {
	width: 95%;
  }
}
@media screen and (max-width:640px) {
    body {
	font-size: 88%;
  }
    h1 {
	font-size: 150%;
  }
}
@media screen and (max-width:480px) {
    h1 {
	font-size: 125%;
  }
    .row {
        display: block;
    }
    .sub-title {
	font-size: 113%;
  }
    h3 {
        font-size: 100%;
    }
    .carboncc {
	text-indent: 6%;
  }
    .history {
	text-indent: 19%;
  }
}
@media screen and (max-width:428px) {
    h1 {
	font-size: 113%;
  }
    li {
	margin: 0 0 2% 4%;
  }
    .history {
	text-indent: 22%;
  }
}