html {
	border-left: 10px solid white;
	margin-left: 50px;
	
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#757575;
	width:99%;
	background-color: #2c8409;
}

.container {
	height: 70%;
	margin-top: 10%;
}

.logo {
   width: 140px;
   height: 140px;
   background: orange; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;

}

h1 {
	color: #fff;
	font-size: 55px;
	font-family: Helvetica;
	margin-bottom: -42px;
}
.mainnav {
    margin-top: 60px;
    bottom: 0;
    height: inherit;
    left: 21%;
    float: center;
    position: fixed;
    width: 60%;
}
 #navbar ul { 
	margin: 0; 
	padding: 0px; 
	list-style-type: none; 
	text-align: center; 
	background-color: transparent; 
	} 

#navbar ul li {  
	display: inline; 
	} 
 
#navbar ul li a { 
	text-decoration: none; 
	padding: 0.7em 0.7em 0.7em 0.7em; 
	color: #fff; 
	background-color: transparent; 
	} 
 
#navbar ul li a:hover { 
	color: #fff;background-color: orange;
	  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
	border-top-right-radius: 8px;
  border-bottom-right-radius: 8px; 
	} 
hr {
  background-color: #dcdbdb;
  background-image: -moz-linear-gradient(left, #2c8409 0%, #fff 50%, #2c8409 100%);
  background-image: -o-linear-gradient(left, #2c8409 0%, #fff 50%, #2c8409 100%);
  background-image: -webkit-linear-gradient(left, #2c8409 0%, #fff 50%, #2c8409 100%);
  background-image: linear-gradient(left, #2c8409 0%, #fff 50%, #2c8409 100%);
  border: none;
  height: 1px;
  margin: 0.8em auto;
  width: 100%;
}

@media screen and (max-width:400px)
{
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:340px; }
                              			h1 {
    font-size: 40px;
    margin-bottom: -26px;
} 
      .logo {
	height: 120px;
	width: 120px;

}        
}

@media screen and (min-width : 1224px){

                      			h1 {
    font-size: 40px;
    margin-bottom: -26px;
} 
      .logo {
	height: 120px;
	width: 120px;

} 

}

@media only screen and (max-width: 965px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:840px; }
                      			h1 {
    font-size: 40px;
    margin-bottom: -26px;
} 
      .logo {
	height: 120px;
	width: 120px;

}          
}

@media only screen and (max-width: 860px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:340px; }
                 			h1 {
    font-size: 40px;
    margin-bottom: -26px;
} 
      .logo {
	height: 120px;
	width: 120px;

}          
}

@media only screen and (max-width: 740px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:340px; }
          			h1 {
    font-size: 40px;
    margin-bottom: -26px;
} 
      .logo {
	height: 120px;
	width: 120px;

}      

}

@media only screen and (max-width: 610px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		#container { margin:0 auto; overflow:auto; padding:10px 0; width:340px; }
			h1 {
    font-size: 35px;
    margin-bottom: -26px;
} 
      .logo {
	height: 100px;
	width: 100px;

}        
}

@media only screen and (max-width: 480px) {
	#navbar ul li
	{
		display:block;
		content: "";
		padding-top: 1.3em;
		
		
	}
		h1 {
    font-size: 25px;
    margin-bottom: -20px;
} 
.logo {
	height: 80px;
	width: 80px;

}            
}
@media (max-width: 1069px) {





}