@charset "utf-8";
/* CSS Document */

#not{
	background-color:#060;
	color:white;
	text-align:center;
	float:right;
	margin-top:-1.6%;
	margin-right:5%;
	width:2.5%;
	position: relative !important;
	-webkit-border-radius:5px;
-moz-border-radius:10px;
	border-radius:10px;
-webkit-box-shadow:0 2px 10px rgba(0,0,0,1);
-moz-Box-shadow:0 2px 10px rgba(0,0,0,1);
Box-shadow:0 2px 10px rgba(0,0,0,1);
z-index:200;
	}
.needhelp{
	text-align:center;
	font-family: "Century Gothic";
	font-size:24px;
	max-width:100%;
	background-color:#4c68b1;
	color:white;
	padding:1%;
	
	}	

  
.footer{
	/*padding-left:5%;*/
	font-family: "Century Gothic";
	max-width:100%;
	background-color:#808080;
	color: #ff9900;
	padding:3% 1% 1% 5%;
	bottom:0;
	
	}	
.footer ul{
	margin-right:2%;
	width:15%;
/*padding:1% 0 2% 0;*/
display:inline-block;
vertical-align:text-top;}	

.footer ul li{list-style:none;
          padding-bottom:5%;
		  
		  }	
.footer ul li a{
	text-decoration:none;
	color:#ff9900;}
.footer ul li a:active{
	text-decoration:none;
	color:#ff9900;
	
	}			    	
		 
@media screen and (max-width:900px)
       {
		   #not{
	background-color:#060;
	color:white;
	text-align:center;
	float:right;
	margin-top:-3%;
	margin-right:5%;
	width:2.5%;
	position: relative !important;
	-webkit-border-radius:5px;
-moz-border-radius:10px;
	border-radius:10px;
-webkit-Box-shadow:0 2px 10px rgba(0,0,0,1);
-moz-Box-shadow:0 2px 10px rgba(0,0,0,1);
Box-shadow:0 2px 10px rgba(0,0,0,1);
z-index:200;
	}
	
		   
		   }
		   

 @media screen and (max-width:500px)
       {
		   #not{
	background-color:#060;
	color:white;
	text-align:center;
	float:right;
	margin-top:-6%;
	margin-right:5%;
	width:2.5%;
	position: relative !important;
	-webkit-border-radius:5px;
-moz-border-radius:10px;
	border-radius:10px;
-webkit-Box-shadow:0 2px 10px rgba(0,0,0,1);
-moz-Box-shadow:0 2px 10px rgba(0,0,0,1);
Box-shadow:0 2px 10px rgba(0,0,0,1);
z-index:200;
	}
	
		   
		   
		   
		   }