@media screen and (min-width: 800px) {
    
    .outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}


 .inner {
    
    margin-left: auto;
    margin-right: auto; 
    width: 146px;
}
    
    
    
}


@media screen and (max-width: 800px) {
     .outer {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
         top: 50px;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}


 .inner {
    
    margin-left: auto;
    margin-right: auto; 
    width: 100px;
    
}
     .inner img{
    width: 100px;
}
    
   
}


@media screen and (max-width: 400px) {
     .outer {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
         top: 25px;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}


 .inner {
    
    margin-left: auto;
    margin-right: auto; 
    width: 60px;
    
}
     .inner img{
    width: 60px;
}
    
   
}







.bigfooter{
    width:100%;
    position: absolute;
    bottom: 25px;   
text-align: center;
}


.subheader {
    margin-left: auto;
    margin-right: auto;
width: 248px;
   position: relative;

}





@font-face {
  
    font-weight: normal;
    font-style: normal;
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1 {
	display: block;
    background: url("/images/Logo.png") 0 0 no-repeat;
	text-indent: -9999px;
    width: 146px;
    height: 246px;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{

	background: #000;
	font-weight: 400;
	font-size: 15px;
	color: #aa3e03;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}
a{
	color: #333;
	text-decoration: none;
}
.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}

/* Header Style */

/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}