form,p{
    clear:both;
    overflow:hidden;
}
.check-colours {
	overflow:hidden;
	position:relative;
	padding: 0.3vw;
	margin-left:1vw;
	border:0.1vw solid silver;
	float:left;
	margin-bottom:1vw;
}

p{
    text-align:left;
    float:left;
    margin:0;
    color:white;
    padding-right:0.3vw;
    font-size:1vw;
}

input.check-colour, label.check-colour span {
	position:absolute;
	left:-999em;
}
label.check-colour {
	width:1.3vw;
	height:1.3vw;
	float:left;
	cursor:pointer;
}
.check-colours label:hover{
  outline:3px solid silver;
  box-shadow:0 0 0.7vw rgba(0,0,0,0.4);
  position:relative;
  overflow:hidden;
}
input.check-colour:checked + label {
	outline:0.2vw solid silver;
	position:relative;
  overflow:hidden;
  z-index:4;
}
.check-colours div{
	float:left
}
.hidden{
    visibility:hidden;
}
.forms{
    position: fixed; /* Stay in place */
    z-index:1;
    width:100%;
    height:100%;
      background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    padding-left:5vmin;
    padding-top:15vmin;
    margin:0;
    border:0;
    top:0;
    left:0;

}