@keyframes fade-inout {
  0%{ opacity: 0;}
  100%{ opacity: 1;}
}
/* support for opera */
@-o-keyframes fade-inout{
  0%{ opacity: 0;}
  100%{ opacity: 1;}
}
/* support for mozila */
@-moz-keyframes fade-inout{
  0%{ opacity: 0;}
  100%{ opacity: 1;}
}
/* support for safari and chrome */
@-webkit-keyframes fade-inout{
  0%{ opacity: 0;}
  100%{ opacity: 1;}
}
.fade-in-fade-out {
   -webkit-animation: fade-inout 2s;
   -moz-animation: fade-inout 2s;
   -o-animation: fade-inout 2s;
    animation: fade-inout 2s;
    animation-iteration-count: 1;
  animation-fill-mode: forwards;
  opacity: 0;
  padding: 10px;
  margin: 10px;
}

.main {
	padding-right: 40px;
	margin: -10px;
}
#site-title {
	text-align: center;
	/*background-color: red;*/
}

.header {
	color: white;
	width:100%; 
	font-size: 30px;
	font-family: arial;
	font-weight: bold;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.btngreen {
	color: #555;
	background: white; 
	width:100%; 
	max-width: 800px;
	min-width: 100px; 
	border: 2px solid #17ae65; 
	border-radius: 10px;
	font-size: 25px;
	font-family: arial;
	font-weight: bold;
	padding: 20px;
	cursor: pointer;
}

.btndisabled {
	color: #bbb;
	background: white; 
	width:100%; 
	max-width: 800px;
	min-width: 100px; 
	border: 2px solid #ccc; 
	border-radius: 10px;
	font-size: 25px;
	font-family: arial;
	font-weight: bold;
	padding: 20px;
	cursor: pointer;
}

.btngreen img {
	padding-bottom: 20px;
}

.subtitle {
	color: #999;
	font-size: 15px;
	font-family: arial;
	font-weight: bold;
}

.btnblue {
	color: white;
	background: #1478c7; 
	width:100%; 
	max-width: 800px; 
	min-width: 100x; 
	border: 2px solid #1478c7;//#1478c7; 
	border-radius: 10px;
	font-size: 25px;
	font-family: arial;
	font-weight: bold;
	padding: 20px;
	cursor: pointer;
}

.btnnav {
	color: #555;
	background: #17ae65; 
	width:100%; 
	width: 100px; 
	border: 2px solid #17ae65; 
	border-radius: 10px;
	font-size: 30px;
	font-family: arial;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin-bottom: 0;
	margin: -10px -5px -15px -10px;
	cursor: pointer;
}
.sectitle {
	font-family: arial; font-weight: bold; font-size:25px;text-align: center;color:#555;
	margin-bottom: 10px;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}