/* CSS Document for Screens */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,700italic,300,700);
@font-face {font-family: 'hhh1';	src: url('../fonts/ab.ttf') format('truetype');}
@font-face {font-family: 'hh2';	src: url('../fonts/h2.ttf') format('truetype');}
@font-face {font-family: 'pp';	src: url('../fonts/p.ttf') format('truetype');}

body{font-family: "pp", "Open Sans", sans-serif; font-size: 16px; font-weight: 300; color: #555; margin: 0; padding: 0;}

#page {
	max-width: 600px;
	margin: 0 auto;
	position: relative;
}

/* Text */

h1 {font: 24pt 'hhh1', verdana, arial; margin: 0 0 .5em 0; font-size: 1.6em; font-weight: 700; color: #414c59; text-align: center;}
h2 {font: 24pt 'hh2'; margin: 0 0 1em 0; font-size: 2em; font-weight: 700; line-height: 1.1em; color: #e70101; text-align: center; padding-top: 30px;}
p { font: 14pt "pp"; margin: 0 0 1em 0; color: #6e727a; text-align: center; padding-left: 120px; padding-right: 120px;}

a { color: #0aa5ff; }
a:visited { color: #0aa5ff; }


/* Global */
a.btn{
	font-weight: 700;
	text-decoration: none;
	color: #fff;/*#0aa5ff;*/
	border: 1px solid #555;
	padding: 4px 15px;
	transition: background-color .3s;
	background-color: rgba(65,76,89,75);
	width: 200px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

a.btn:hover{
	background-color: rgba(110,114,122,.95); /* 0 red, 0 green, 0 blue, .2 alpha (i.e. transparency) */
}

img.think{
	display: block;
	margin:	15px auto;
	width: 300px;
}

/* Header */
header { 
	max-width: 600px;
	margin: 0 auto;
	display: block;	position: relative;
	padding-top: 70px;
}

/* Under Construction Flyer */
img.logo { margin: auto; max-width: 600px; display: block; position: relative ;}


/* Footer */
footer { font-size: .8em;	margin: 40px;	color: #999; text-align: center;}



@media screen and (max-width: 768px) {
	p { padding-left: 30px; padding-right: 30px;}
	#page {width: 100%; padding-right: 20px; padding-left: 20px;}
}