body
{
	margin-left: auto;
	margin-right: auto;
	display:block;
	background-color: #FAF8F8;
}

a:link
{
	text-decoration:none;
}
div
{
	color: #280A0A;
}



input, select
{
	border-radius:10px;
	padding:1%;
	-moz-outline: none;
	outline: none; /* CSS 3 */
	ie-dummy: expression(this.hideFocus=true); /* IE >= 5.5 */
	margin-right:0px;
	font-size:24pt;
	width:98%;
	font-family:Arial;
	background-color: #E2D6D6;
	color: #280A0A;
}

input:hover::-webkit-input-placeholder {
color: #AAA8A8;
}
::-webkit-input-placeholder {
color: #123652;
}

:-moz-placeholder { /* Firefox 18- */
color: blue;
}
::-moz-placeholder { /* Firefox 19+ */
color: #123652;
}
:-ms-input-placeholder {
color: #123652;
}

input:hover
{
	background-color:#8E0404;
}

input:focus
{
	background-color:#C67F7F;
	color: white;
}


.submit
{
	width:30%;
	margin-right:0px;
}

/* The container */
.cont-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cont-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #E2D6D6;
  border: 3px solid #000000;
  border-radius:10px;
}

/* On mouse-over, add a grey background color */
.cont-label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cont-label input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cont-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cont-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 9px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-device-width: 500px) 
{
	input
	{
		font-size:50pt;
		border-radius:30px;
	}
	
		input:hover
	{
		font-size:80pt;
		border-radius:30px;
	}
	.submit
	{
		width:80%;
		padding-bottom:5%;
		padding-top:5%;
	}
	
	.checkmark {
  height: 80px;
  width: 80px;

}
.cont-label .checkmark:after {

  width: 40px;
  height: 45px;
 
}
}