body, html {
  margin:0;
  padding:0;
  max-width:100%;
}

body {
  font-family:verdana;
  font-size:14px;
  background-color:#ddd;
  background-position: center;
  background-repeat:no-repeat;
}

a {
  text-decoration:none;
  cursor:pointer;
}

.center {
  width:1200px;
  margin-left:auto;
  margin-right:auto;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  border-top:1px solid #000;
  margin-top:20px;
  margin-bottom:20px;
  padding-bottom:0;
  background-color:#fff;
}

.footer {
  padding:0;
  margin:0;
  height:auto;
}

.footer img, .header img {
  display: block;
  max-width:100%;
}

.poweredby {
  height:67px;
  padding:20px;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#4e4e4e;
}

.content {
  background-color:#fff;
  padding:20px;
}

.questionleft {
  float:left;
  width:10%;
  text-align:right;
}

.questionright {
  float:left;
  width:90%;
}

.questionright input {
  width:50%;
  border:0;
  border-bottom:1px solid #000;
}

.pushright {
  padding-left:10%;
}

.submitbtn {
  border:1px solid #dadada;
  padding:5px;
  background-color:#afafaf;
  font-weight:bold;
  margin-top:10px;
  width:150px;
}

/*Normal screens*/

/*Small screens*/
@media only screen and (max-width: 768px) {
  .center {
    width:100%; 
    margin-top:0;
    border:0;
  }
  
  .header img, .footer img {
    width:100%;
  }
  
  .questionleft {
    width:25%; 
    text-align:left;
  }
  
  .questionright {
    width:75%;
  }
  
  .questionright input {
    width:100%;
  }
  
  .pushright {
    padding-left:0%;
  }

  .poweredby {
    background-size:80%;
    padding-left:10%;
    padding-right:10%;
    height:30px;
  }
}