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

body {
    background-color:black;
    background:url('../images/bg.png') no-repeat center center fixed;
    -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;
}

#VOHeader {
    padding-top:1em;
    width:98%;
    height:auto;
    margin-bottom:2em;
}

#services {
	;
}

.mainlink {
	width:100%;
	font-size: x-large;
	text-align: center;
}


h1 {
	max-width:98%;
    color: rgba(51, 255, 0, 1);
	text-align:center;
	text-shadow:2px 2px 2px rgba(1, 1, 1, .9);
}

.voh1 {
    max-width:98%;
    color: rgba(150, 150, 150, 1);
    text-align:center;
    text-shadow:2px 2px 2px rgba(1, 1, 1, .9);
}

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;
}

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

p, h2 {
    margin:1.5em auto;    
}

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

.voh2, #vocontact {
    color: rgba(220, 220, 220, 1);
    text-indent:0;
    text-align:center;
}

p.audio {
    margin-left:7%;
    margin-bottom:0;
    margin-top:0;
    text-indent:0;
}

div.audio {
    margin-bottom:2.5em;
}

audio {
    margin-left:7%;
    width:86%;
}

h2 {
	max-width:98%;
    color: rgba(51, 255, 0, 1);
    text-shadow:2px 2px 2px rgba(1, 1, 1, .9);
}

li.rules {
    list-style-type:circle;
    text-align:left;
    text-indent:3.5em;
    font-size:1.3em;
    text-shadow:2px 2px 2px rgba(1, 1, 1, .9);
}

li {
	list-style-type:none;
    text-align:center;
    font-size:1.3em;
    text-shadow:2px 2px 2px rgba(1, 1, 1, .9);
}

.voli {
    list-style-type:circle;
    text-align:left;
    font-size: 1.3em;
    text-indent:3em;
    text-shadow:2px 2px 2px rgba(1, 1, 1, .9);
    color: rgba(180, 180, 180, 1);
}

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;
}

.testimonial {
    clear:both;
    margin-bottom:4em;
}

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

#div_button {
    display:block;
    padding-left:33%;
    padding-right:33%;
    padding-top:2em;   
}

#button {
    width:100%;
    height:auto;
}

#bio_pic {
	width:50%;
	height:auto;
	margin-left:25%;
	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;
}