body {
  margin: 0 auto;
  display: block;
}

.h1, h1 {
  color: rgb(103,103,103);
  text-align: center;
  font-size: 45px;
  margin-bottom: 0px;
  /*position: relative;*/
}

.h6, h6 {
  margin-right: 30px;
  margin-left: 30px;
}

@media (min-width: 576px) {
  .h6, h6 {
    margin-right: 90px;
    margin-left: 90px;
  }
}

@media (min-width: 992px) {
  .h6, h6 {
    margin-right: 260px;
    margin-left: 260px;
  }
}

@media (min-width: 1200px) {
  .h6, h6 {
    margin-right: 350px;
    margin-left: 350px;
  }
}

body {
  padding-top: 50px;
  height: 100vh;
}

.bio {
  width: 100%;
}

.float-right.e-life {
  text-align: center;
}

.e-life {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
}

.radioactive {
  width: 100%;
}

@media (min-width: 768px) {
  .radioactive {
    width: 40%;
  }
}

@media (min-width: 992px) {
  .radioactive {
    width: 20%;
  }
}

.ctn {
  margin: 0 auto;
  display: block;
}

@media (min-width: 768px) {
  .ctn.lrg {
    width: 100%;
  }
}

@media (min-width: 300px) {
  .award {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .award {
    width: 100%;
  }
}

.col-sm-6.col-md-4.col-lg-3.item {
  margin: 0 auto;
  padding: 5px;
}

.ctn.award.max {
  width: 200px;
}

.gfx {
  width: 100%;
}

.sml {
  width: 100%;
}