html {
  padding: 0;
}

body {
  font: 1em Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  width: 100%;
}

header {
  padding: 0;
  width: 100%;
  height: 120px;
  background: url(../images/tlobaner.png) repeat-x #333;
}

#logo {
  margin: 0;
  float: left;
  width: 40%;
}
#motto {
  float: left;
  margin-top: 1%;
}
img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
a:hover, a:focus {
  color: aqua;
}
.content {
  padding: 0.4em 7% 1em;
  float: left;
  margin: 0;
  background: white;
  width: 86%;

  height: 100%;
}

.caution {
  color: red;
  font-size: 2em;
  font-weight: 800;
  text-align: center;
}

.center img {
  vertical-align:0;
margin-bottom: 0.5em;
      margin-right: 0.5em;
      float: left;
      display: block;}
.center p {
  margin: 0;
  padding-top: 0.5em;
}
.center a  {
  vertical-align: -0.3em;
}

.center {
  display: inline-block;
  height: 400px;
  left: 50%;
  margin: auto;
position: relative;
transform: translateX(-50%);
}