/* HomePage CSS */

html { 
height: 100%; 
width: 100%;
overflow-y: hidden;
overflow-x: hidden;
margin: 0px;
background: url(../gallerygraphics/bg2.jpg) no-repeat fixed center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
}

body {
text-align: center;
color: black;
margin-top: 1.125em;
height: 100%;
}

h1, h2, h3, h4, h5, h6 {
padding: 0px 170px 0px 170px;
text-align: left;
font-family: foughtknight;
color: #095B95;
text-shadow: 0 0px 2px #fff, 0 0px 2px #fff, 0 0px 2px #fff, 0 0px 2px #fff, 0 0px 2px #fff ;
padding-top: 30px;
letter-spacing: 2px;
}

h1 {
font-size: 2em;
}

#navbar {
max-width: 100%;
display: block;
margin: 0 auto;

z-index: 2;
position: relative;
}


img.vargas {

    
    
        position:fixed;
    left:50%;
    top:50%;
    margin-left:-250px; /*half the width*/
    margin-top:-179px; /*half the height*/
box-shadow: 0em 0em 1.875em #000;

max-width: 100%;
}

/* Back To Top */
	#back-to-top{
		position:fixed;
		bottom:100px;
		left:1320px;
	}
	
	#back-to-top a{
		text-align:center;
		text-decoration:none;
		display:block;
		width:40px;
		/*??CSS3??transition?????????????????*/
		opacity: .6;
	}
	
	#back-to-top a:hover{
		opacity: 1;
		transition: 2s;
	}
	
	#back-to-top a span{
		border-radius:12px;
		display:block;
		height:40px;
		width:40px;
		background: url(../images/arrow.png) no-repeat center center;
		margin-bottom:5px;
	}
	
	#back-to-top a:hover span{
		background: url(../images/arrow.png) no-repeat center center;
	}
/* End Of Back To Top */


.intro {
display: block;
position: absolute;
bottom: 0;
margin-left: auto;
margin-right: auto;
}

.footer {
display: block;
position: absolute;
width: 100%;
margin: 0 auto;
text-align: center;
color: white;
font-size: 1em;
font-style: italic;
bottom: 1em;
}

.footer a:hover {
color: blue;
font-weight: bold;
margin-left: -3px;
}

#designer {
text-decoration: none;
color: white;
margin-left: 3px;
}


#construction {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
max-width: 100%;
}

#email {
text-decoration: none;
color: white;
}

/* End HomePage CSS */

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {
content: "";
display: table;
clear: both;
}







/*Mobile CSS*/
@media only screen and (max-width: 767px) {



/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {


}