/* RESPONSIVE STYLESHEET */

/********************************************/
/*                 FONTS    			    */
/********************************************/
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:700|Ubuntu:500|Oswald|Open+Sans);

/********************************************/
/*               CSS RESET  			    */
/********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/********************************************/
/*            END CSS RESET  			    */
/********************************************/

/*TABLET*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){

/********************************************/
/*  MAIN STYLING TO ADJUST PAGE DIMENSIONS  */
/********************************************/

	.container {
		max-width: 100%;
		margin: 0 auto;	
		height: 100vh;
		padding-top: 60px;
	}
	
	section.wrapper {
	  width: auto;
	  margin: 0 auto;
	  padding: 10px;
	}

/********************************************/
/*             NAVIGATION BAR  			    */
/********************************************/

#nav-main{
		position: fixed;
		top: 0;
		width: 100%;
		height:60px;
		background-color: #ffffff;
		z-index: 9999;
	}
	
#nav-container{
	max-width: 100%;
	height: 60px;
	margin: 0 auto;

	}
	
nav {
	height:60px;
	max-width: 100%;
	margin: 0 auto;
	text-align:center;
	background-color: #FFF;

	/*CSS GRADIENT*/
}

#logo {
	float: left;
	margin-right: 50px;
	height: 60px;
	width: 200px;	
}

	nav ul{
		float:none;
		}
		
		nav li{
			float: left;
			}
			
			nav li a{
				font-family: 'Roboto Condensed', sans-serif;
				font-weight:700;
				font-size:14px;
				text-decoration:none;
				text-align: center;
				vertical-align:middle;
				display:inline-block;
				width:70px;
				height:40px;
				padding:0 10px 0 10px;
				color:#282828 ;
				line-height:40px;
				font-weight:bold;
				outline:none;
				/*border: 1px solid #EB1216;*/
				/*TRANSITION*/
				-webkit-transition: color 0.5s ease;
				-moz-transition: color 0.5s ease;
				-o-transition: color 0.5s ease;
				-ms-transition: color 0.5s ease;
				transition: color 0.5s ease;
				}



	nav li a:hover {
	color: #FFF;
	background-color: #72b842;
	}
	
	nav a.active {
	color: #ffffff;
	background: #72b842;
	line-height: 40px;
	}

} /* END TABLET RESPONSIVE */


/* MOBILE */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)  {
    
}