*{
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

body {
  margin:0;
  padding:0;
  font-family:tahoma;
}

img.pic {
  display:block;
  width:100%;
  border:none;
}


.wrapper {
  width:80%;
  height:500px;
  margin:3% auto;
  background-color:white;
}

.clearfix{
  clear:both;
}

.box {
  width:50%;

}

.col1 {
  float:left;
  width:20%;
  padding:1%;
}

.col2 {
  float:right;
  width:80%;
  padding:1%;
}
 
 
.col1 p, 
.col2 p {
  font-size:1em;
  color:#032aa8;
}

input.info {
  width:100%;
  padding:2%;
  font-family:arial;
  font-size:1em;
  color:#4d8b31;
  background:#f0f0f0;
  border:1px solid #dddddd; /*none*/
  outline:none;
}

select.tick {
  width:100%;
  padding:2%;
  font-family:arial;
  font-size:1em;
  color:#4d8b31;
  background:#f0f0f0;
  border:1px solid #dddddd; /*none*/
  outline:none;
}

textarea.message {
  width:100%;
  padding:2%;
  font-family:arial;
  font-size:1em;
  color:#4d8b31;
  background:#f0f0f0;
  border:1px solid #dddddd; /*none*/
  outline:none;
  height:300px;
}

.col3 {
  width:100%;
  text-align:center;
}

input.btn {
  margin:2%;
  padding:2% 4%;
  font-family:arial;
  font-size:1em;
  color:#ffffff;
  background:#333333;
  border:none;
  outline:none;
  cursor:pointer;
}

input.btn:hover {
  background:orange;
}

label.picktext {
  font-size:1em;
  color:purple;
}

.col2 span {
  display:block;
}

input.pick {
  display:inline-block;
  width:20px;
  height:20px;
  margin-right:1%;
}

input.pick:checked~label.picktext {
  color:red;
  font-weight:bold;
}