/* 
Orange: rgba(255,103,33,1)
*/

body {
font-family: 'Open Sans', sans-serif;
font-size: 1.5vw;
-webkit-text-size-adjust: 100%;
/* -color: #ECECEC; */
-webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

#pagehead {
  text-align: center;
  background-color: rgba(255,103,33,1);
    color: rgba(255,255,255,1);
  padding: 1%;
  margin: 1%;
}

.notes {
  text-align: center;
  background-color: rgba(240,240,240,1);
  color: rgba(255,103,33,1);
  padding: 1%;
  margin: 1%;	
}


input, textarea {
  font-size: 1.5vw;
  padding: 1%;
  margin: 1%;
  width: 70vw;
}

input[type=checkbox] {
  width: 1.4vw;
  height: 1.4vw;
  padding: 1%;
  margin: 1%;
}  

.datepi {
  width: 20vw;
  float: left;
}

#mainframe {
  position: relative;
  width: 95%;
  height: auto;
  margin: 0 auto;
}

.textcontent {
	margin: 1%;
	padding: 1%;
}

#button, #fakebutton, #workingbuttons{
	display: none;
}


.button {
	position: static;
	/* left: 2%; */
	width: auto;
	height: auto;
	text-align: center;
	margin: 1%;
	padding: 1%;
	cursor: hand;
	cursor: pointer;
	background-color: rgba(255,103,33,1);
	color: rgba(255,255,255,1);
	display: inline-block;
}

.fakebutton {
	position: relative;
	left: 2%;
	width: 40%;
	height: auto;
	text-align: center;
	margin: 1%;
	padding: 1%;
	/* cursor: hand;
	cursor: pointer; */
	background-color: rgba(255,153,0,.3);
	color: rgba(255,255,255,1);
}

.button:hover {
	background-color: rgba(255,153,0,1);
	color: rgba(51,51,0,1);
}

#framecontainer {
	text-align: center;
}

#baseframe {
	width: 80vw;
	height: 45vw;
}

#logo {
	width: 25vw;
	height: auto;
}