/*for bootstrap stuff*/

/*HEADER*/

header{
	padding: 40px 0px 60px 0px;	/*trbl - can stop with last positive value, last zero not needed*/
	background-size: cover;
	width: 100%;
	/*border-bottom:2px solid #c9c9c9;*/
}

header h1{
    color: black;
	font-size: 7.5em;
	font-family: 'Creepster', cursive;
    text-align: center;
    text-shadow: 0 0 30px #00FF00;
}

header p{
	color:darkseagreen;
	font-size: 1.3em;
}

header button.btn-primary{
	padding: 5px 5px 5px 5px;
	border-radius: 5px;
	background-color:darkgreen;
	color:azure;
}

header button.btn-primary:hover{
	background-color: darkseagreen;
	color: darkgreen;
}

header img{
	padding-top: 2%;
}

/*MEDIA QUERIES*/
@media(max-width: 768px){
	header{
		text-align:center;
		padding-top: 5%;
	}
	header h1{
        color:#70FF68;
		font-size: 5em;
	}
	
	header p{
		font-size: 1em;
        margin: 2% 15%;
		/*color: pink;*/
	}
	
	header .btn{
		padding: 5px 12px 5px 12px;
	}
    
}

@media(max-width: 590px){
	header{
		text-align:center;
		padding-top: 5%;
	}
	header h1{
		font-size: 4em;
	}
	
	header p{
		font-size: 1em;
        margin: 2% 15%;
		/*color: pink;*/
        display: none;
	}
	
	header .btn{
		padding: 5px 12px 5px 12px;
	}
    header cite{
        display: none;
    }
}


body{
	background-color:#000000;
	font-family: 'Love Ya Like A Sister', cursive;
}

p{
    color:#33FF66;
    font-family: 'Mystery Quest', cursive;
    font-size:12px;
}

cite{
    color:darkgray;
}


#content{
	z-index: 0;
}

#leftPanel, #rightPanel{
	z-index: 1;
}

.lightning{
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	z-index: 0;
}

#frame{
	position:relative;
	left: 0px;
	top: 0px;
	width:545px;
	height:629px;
	background-image:url(../images/frame.png);
	z-index: 3;
	overflow: hidden;
}

#pic_box{
	position:relative; 
    left: 2px;
    top: 80px;
	width:367px; 
	height:460px; 
	z-index: 2;
	overflow: hidden;
}

.face{
	position:relative;
	left:0px;
	top:0px;	
	z-index: 1;
}

#head{
	height:172px;
}

#eyes{
    height:79px; 
}

#nose{
    height:86px; 
}

#mouth{
    height:117px; 

}
