* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    /*font-family: Consolas, monospace;*/
    font-family: Montserrat;
    letter-spacing: 1px;
    background: #f2f2f2;
    padding: 0;
    width:100%;
    margin: auto;
       text-align:center;
}

a{
	text-decoration:none;
	color:#11c1f4;
	font-size:0.9em;	 
}


#header{
color:#e6e6e6;
background-color: #333;
padding:20px 0 20px 0;
z-index:9999;
position:absolute;
width:100%;
 opacity: 0.8;

}
#header a:hover{
	color:#fff;
		 
}




a.demo{
	text-decoration:none;
	color:#11c1f4;
	font-size:0.9em;	 
}
a.demo:hover{
background-color:#eee;
}

a.demo{
	text-decoration:none;
	color:#11c1f4;
	font-size:0.9em;
	margin-top:10px;
	padding:10px;
	 border-radius:9px;
	 background-color:#fff;
	border: 1px dashed #eee;
	 line-height:50px;
}
a.demo:hover{
background-color:#eee;
}

/* MAIN */

.content {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
    top: 20px;
    margin: auto;
/*margin-top:60px;*/

}

.content article {
    border-bottom: 1px solid #ddd;
    text-align: justify;
    line-height: 1.8;
    background: #fff;
/*    max-width: 620px;background:url('../img/back.jpg');
    background-size:100%;*/
    font-size: 1.5em;
    padding: 10px 40px;
    margin: auto;
    text-align:center;
    height: 650px;
    vertical-align:middle;
    color: #333;
    overflow:hidden;
    
}

.content  em {
    font-style: italic;
    font-size: 17px;
    color: #666;
}

.content  em:before {
    content: '';
    margin: 0 10px;
}
.thanks {
font-size:0.6em;
}
/*intro*/
.intro{
font-size:1.2em;
max-width:600px;
margin:auto;
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

/*info*/
#info{
font-size:0.7em;
margin:auto;
}
#info p{
	padding-top:0px;
	max-width:790px;
	margin:auto;
}
#info h1{
	padding-top:10px;
	padding-bottom:10px;
	font-size:2em;
	margin:auto;
}