* {
    margin:0;
    padding:0;
    border:0;
}

body {
    background-color:black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;            
    color:rgba(255, 255, 255, .9);
    font-family: 'Marcellus', serif;
    line-height:1.75em;
    font-size:1em;
    letter-spacing: .05em;
}

#Header {
	padding-top:1em;
	width: 98%;
	height: auto;
}

#LogoHeader {
    padding-top:1em;
    width:100%;
    height:auto;
}

#NoAI {
    width: 25%;
    height: auto;
    text-align: center;
    margin-bottom: 2em;
}


article {
	margin-top:2.5em;
	margin-bottom:2.5em;
}


hr {
	border: 1px solid rgba(51, 255, 0, .2);
    margin-top:2.5em;
}

hr.vohr {
    border: 1px solid rgba(120, 120, 120, .7);
}

h3 {
	text-align: center;
    font-size: xx-large;
}

p {
    text-indent: 2.5em;
    font-size:1.3em;
}

.vop{
    margin:1.5em 1.5em;    
    color: rgba(180, 180, 180, 1);
}


h2 {
	max-width:98%;
    font-size: x-large;
    text-align:center;
    margin-bottom:2em;
}



a {
    text-decoration:none;
    color:rgba(150, 150, 255, 1);
    transition:color .32s;
    -webkit-transition:color .32s;
    -moz-transition:color .32s;
}

a:hover {
    text-decoration:none;
    color:rgba(225, 225, 255, 1);
    transition:color .32s;
    -webkit-transition:color .32s;
    -moz-transition:color .32s;
}

.right {
    float:right;
}


#wrapper {
    width:98%;
	max-width:800px;
    margin:1em auto;
}

#bio_pic {
	width:90%;
	height:auto;
	margin-left:5%;
    margin-right:5%;
    margin-top:2em;
	text-align:center;
	clear:both;
}

@media screen and (max-width: 480px) { 
	h1, h2, .mainlink {
		font-size:medium;
	}
    
    #div_button {
        display:block;
        padding-left:20%;
        padding-right:20%;
        padding-top:2em;   
    }
    
    /*#Header {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: url('../images/header_mobile.png') no-repeat;
        width: 100%; /* Width of new image */
        /*height: audo; /* Height of new image */
        /*padding-left: 100%; /* Equal to width of new image */
    /*}*/
}

#footer {
    margin-top:2.5em;
    text-align:center;
    font-size:small;
}

#footer p {
    text-indent:0;
}