* {
	margin: 0;
  	padding: 0;
  	outline: 0;
  	font: inherit;
}

html, body {
	font-family: 'Source Sans Pro', arial, sans-serif;
	font-style: normal;
	background:  url('../img/hands.png') no-repeat fixed center center / cover  transparent;
	color: #e4e1df; 
	font-size: 16pt;
	font-weight: normal;
	height: 100%
}


@font-face {
    font-family: 'icomoon';
    src: url('social/fonts/icomoon.eot');
    src: url('social/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
         url('social/fonts/icomoon.woff') format('woff'),
         url('social/fonts/icomoon.ttf') format('truetype'),
         url('social/fonts/icomoon.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1 {
	font-size: 30pt;
	font-family: "arial black", arial, sans-serif;
}

h2 {
	font-size: 20pt;
}

h3 {
	font-size: 18pt;
}

h4 {
	font-size: 14pt;
}

p {
	font-size: 12pt;
}

a, a:visited {
  color: #0088cc;
  cursor: pointer;
  text-decoration: none;
  color: #ffcb05;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

#banner {
	padding-bottom: 24px;
}

#banner *{
	text-align: center;
}

#banner, #contents {
	margin: auto;
	width: 80%;
	max-width: 600px;
}

.btn {
	margin: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	/*background: #ffcb05;*/
	background: white;
	color:#00274c;
	opacity: 0.5;
	border: none;
	border-radius: 3px;
	text-align: center;
	-webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.btn:hover {
	opacity: 1.0;
}

#contents {
	text-align: center;

}

#contents *{
	text-align: center;
}

#contents h3 {
	margin-top: 8px;
	margin-bottom: 8px;
}

#contents .btn {
	margin-top: 16px;
	width: 220px;
}

#footer {
	margin-top: 24px;
	font-family: 'icomoon';
}

#footer p{
	text-align: center;
	font-size: 24pt;
}

#footer a{
	margin-right: 4px;
	margin-left: 4px;
	opacity: 0.5;
}

#footer a:hover{
	opacity: 1.0;
}

#makeHealth {
	margin: auto;
	text-align: center;
	width: 80%;
	max-width: 500px;
	border: white solid 2px;
	border-radius: 3px;
	padding-top: 16px;
	padding-bottom: 16px;
	background: rgba(255, 255, 255, 0.2);

}

#makeHealth .btn{
	margin-top: 8px;
	margin-bottom: 8px; 
	width:220px;
}

#makeHealth h4{
	margin-bottom: 4px;
}

#makeHealth p{
	width: 90%;
	margin: auto;
}

#wrapOuter {
	display: table;
	width: 100%;
	height: 100%;
}

#wrapInner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

#cpRight {
	position: absolute;
	bottom: 0;
	font-size: 8pt;
}