body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.4;
  color: #111;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
}
img.img-avatar {
  width:100%;
}
.container {
  max-width: 720px;
  margin: 0 auto;
}
.mt-70 {
  margin-top:70px;
}
.mt-50 {
  margin-top:50px;
}
.mt-30 {
  margin-top:30px;
}
.mt-10 {
  margin-top:10px;
}
.m-0 {
  margin:0 !important;
}
.p-0 {
  padding:0 !important;
}
.box1 {
  background:#f3efef;
  border:2px solid #999;
}
.box1:hover {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.box1 a {
  color:#fff;
  background:#000;
  border: 1px solid #000;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  padding:3px 12px;
  margin-bottom:10px;
}
.box1 a:hover {
  color:#000;
  background:none;
  border:1px solid #000;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.border {
  display: inline-block;
  width:80%;
  height:4px;
  border-top:3px solid #000;
  margin:20px 0;
}
.title h3 {
  letter-spacing: 2px;
}
.strong-info {
  background: #d3d3d3;
  color: #000;
  display: inline-block;
  padding: 1px 8px;
  font-size: 110%;
}
.box2 h2 {
  font-size:1.5em;
  line-height:1.7em;
}
.box2 p {
  font-size:1.25em;
}
.box2 ul li {
  font-size:1.4em;
  background:#f3efef;
  margin-bottom:12px;
}
@media (max-width:767px){
  .mt-70, .mt-50 {
    margin-top:20px;
  }
  .mt-30 {
    margin-top:10px;
  }
  img.img-avatar {
    width:70%;
  }
}