html, body {
  height: 100%;
  background-color: #ffffff;
}

#content {
  width: 100%;
  height: 100%;
}

#header {
  width: 1100px;
  margin: 0 auto;
}

#main {
  width: 1100px;
  height: 100%;
  margin: 0 auto;
}

.green { color: #0b9444; }
.title { width: 82%; text-align: center; font-family: sans-serif; }
.left { float: left; width: 25%; max-width: 250px; margin-left: 20px; }
.right { float: right; width: 70%; max-width: 800px; height: 100%; margin-right: 20px; }
.security { margin-right: 10px; }
.security span { font-family: sans-serif; font-size: 14px; font-weight: bold; color: #218716; line-height: 30px; }
.verification-lock { padding-right: 5px; width: 53px; height: 52px; }
.security-seal { padding-left: 5px; width: 105px; height: 56px; }
.ola { margin-top: 5px; }
.quote1 { margin-top: 125px; }
.check { margin-top: 875px; }
.quote2 { margin-top: 150px; }

@media screen and (max-width: 1000px) {

  #header { width: auto; }
  #main { width: auto; }
  .left { min-width: 250px; }
  .right { width: auto; }

}

@media screen and (max-width: 880px) {

  h1 { font-size: 20px; }
  .left { display: none; }
  .right { width: 100%; }
  .title { width: 75%; text-align: center; word-wrap: break-word; }
  .security span { font-size: 11px; }

}