@charset "utf-8";
*{margin:0; padding:0;}
html { 
  background:#000 url(../images_saxxon/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body{font-family: 'Roboto', sans-serif; font-weight:300; color:#fff;}

#container{margin:20px auto;}
#header{float:left; top:0; width:100%; text-align:center;}
#header .logo{top:0; width:591px; margin:0 auto;}
.logo img{width:100%; float:left; height:auto; margin-top:50px;}
#footer{bottom:40px; position:absolute; width:100%; }
.footer_txt{ font-family: 'Roboto', sans-serif; font-size:22px; font-weight:300; float:left;  text-align:center;  width:100%; }
h1{font-size:34.5px; text-transform:uppercase;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
	#header .logo{width:300px;}
	.footer_txt{font-size:20px;}
	h1{font-size:25px;}
/* Styles */
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {.footer_txt{ font-size:22px;} 
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {.footer_txt{ font-size:22px;} 
/* Styles */
}


/* unvisited link */
a:link {
    color: white;
}

/* visited link */
a:visited {
    color: white;
}

/* mouse over link */
a:hover {
    color: white;
}

/* selected link */
a:active {
    color: white;
}