/* RESPONSIVE CSS */
 
 * {
    box-sizing: border-box;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
    float: left;
    padding: 2px 5px 2px 5px; /*was just 15px*/
  
}

.row:after {
    content: "";
    clear: both;
    display: block; 
}

@media only screen and (max-width: 800px) {
    /* For mobile phones: */
   
    [class*="col-"] {width: 100%;}
}

/* RESPONSIVE CSS */

 
 
 @font-face{
	 font-family: "ARMY RUST";	
	 src: url(../fonts/ARMYRUST.ttf);
	 font-weight: bold;
	 color:white;
 }

body{
  background: url(../images/camo_bg.png);
  background-repeat: no-repeat;
  background-size:cover;
  background-attachment: fixed;
  font-family: "ARMY RUST","Century Gothic",Trebuchet,Arial;	
} 

 body{
	 width:100%;
	 height:100%;
	 padding:0;
	 margin:0;
 } 
 
.logoholder{
	width:200px;
	margin-left:auto;
	margin-right:auto;
} 

.wrapper{
	width:100%;
	border:none;
	/*overflow:hidden;*/
}

.logoholder_left{
	width:20%;
	height:220px;
	margin-left:0;
	float:left;
	display:inline;
		
}

.header_right{
	width:80%;
	float:left;
	height:220px;
	font-family: 'ARMY RUST';
	/*font-size:6vw;*/
	display:inline;
}


	 
.army{
		 font-family: "ARMY RUST";
		 color:white;
		 text-align: center;
		 FONT-SIZE:200%;
	 }
	 
.armysmall{
		 font-family: "ARMY RUST";
		 color:white;
		 text-align: center;
	 }	 
	 
 td,th{
		 padding:10px;
	 }	

.footer{
	height:20px;
}	 
	 
 
.header{
	text-align:center;
	color:white;
	font-size:150%;
} 

/*
 
 @media only screen and (max-width:800px) {
	 
	 .header{
	 width:90%;
	 margin-left:auto;
	 margin-right:auto;
	 font-family: 'ARMY RUST';
	 /*font-size:5vw;
	 color:white;
	 
	 }
 
	 .form{
		 width:90%;
		 background-color: rgba(255,255,255,0.9);
		 margin-top:50;
		 
		 margin-left:auto;
		 margin-right:auto;
		 border:5px solid rgba(255,255,255,0.9);
		 border-radius:5px;
		 
	 }
	 
	 input[type=radio]{
		 -ms-transform: scale(1.5); 
		-webkit-transform: scale(1.5); 
		transform: scale(1.5);
	 }
	 
	 input[type=text], input[type=number],input[type=submit],input[type=date],input[type]{
		 font-family: "ARMY RUST";
		 font-size:5vw;
	 }
	 
	 .label{
		 font-family: "ARMY RUST";
		 font-size:5vw;
	 }
	 
	 .armysmall{
		 font-size:4vw;
	 }
 
 }
 
  @media only screen and (min-width:801px) {
	  
	  .armysmall{
		 font-size:2vw;
	 }
	  
	  .header{
	 width:90%;
	 margin-left:auto;
	 margin-right:auto;
	 font-family: 'ARMY RUST';
	 font-size:5vw;
	 }
 
	 .form{
		 width:60%;
		 background-color: rgba(255,255,255,0.9);
		 margin-top:50;
		 margin-left:auto;
		 margin-right:auto;
		 border:5px solid rgba(255,255,255,0.9);
		 border-radius:5px;
		 
	 }
	 

	 input[type=radio]{
		 -ms-transform: scale(1.5); 
		-webkit-transform: scale(1.5); 
		transform: scale(1.5);
	 }
	
	
	 
	 input[type=text], input[type=number],input[type=submit],input[type=date],input[type]{
		 font-family: "ARMY RUST";
		 font-size:2.0vw;
	 }
	 
	 .label{
		 font-family: "ARMY RUST";
		 font-size:2.0vw;
	 }
 
 }
 
 */
 
  input[type=text], input[type=number],input[type=submit],input[type=date],input[type]{
		 font-family: "ARMY RUST";
		 font-size:130%;
  }		 
 
 
 .button1{
	font-family: "ARMY RUST";
	/*font-size:2.0vw;*/
	color:white;
	background-color:rgba(75, 83, 32, 0.9);
	border:2px solid white;
	border-radius:5px;
 }
 
  .button1:hover{
	  color:orange;
	  border:2px solid orange;
  }
  
  .error{
	  color:red;
	  font-size:125%;
  }
  
  .bggreen{
	  width:95%;
	  margin-left:auto;
	  margin-right:auto;
	  background-color: rgba(52,82,54);
	  border-radius:5px;
	  border:3px solid white;
	  
  }
  
  .label{
	  color:white;
	  font-size:130%;
  }
  
  
  table.mylist{
	  margin-left:auto;
	  margin-right:auto;
	  border:3px solid white;
	  color:white;
	  border-collapse:collapse;
	  
	  
  }