@charset "utf-8";
/*
Copyright (c)2016 Ean Orlando Educational Consultants & Nerd Multimedia. All rights reserved.
Built with love by Nerd Multimedia. Email: support@nerdmm.com. Like on Facebook: facebook.com/nerdmm.
Last update: April 25th 2016
*/

/*GLOBALS*/
*{
	margin:0; padding:0;	
}
body{
	font:1em Helvetica, Arial, sans-serif;
	line-height:1.4em;
	background-color:#ddd;
}
#container{
	min-width:100%; min-height:100%;
}

/*HEADER*/
.header{
	padding:0.5em 3.125% 0;
	width:100%;
	background-color:#eee;
	border-bottom:1px solid #d5d5d5;
}
#logo{
	display:block;
	margin:0 auto 1em;
	width:auto; height:100px;
}

/*FOOTER*/
.footer{
	margin:0; padding:1em 3.125%;
	background:-webkit-linear-gradient(#222, #333, #222); /* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(#222, #333, #222); /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(#222, #333, #222); /* For Firefox 3.6 to 15 */
    background:linear-gradient(#222, #333, #222); /* Standard syntax */
	border-top:1px solid #444;
}
.footer p{
	margin:0 0 0.5em;
	font-size:0.689rem;
	color:#ccc;
}
.footer a, .footer a:hover, .footer a:visited, .footer a:focus{
	font-weight:900;
	color:#ccc;
}
.foot-stamp{
	margin:0 1em 0 0;
	width:auto; height:40px;
}

/*CONTENT*/
.contact-info{
	margin:0 0 0.5em; padding:0.5em 0;
	background-color:#000;
}
.contact-info h6{
	font-size:1.375rem;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
}

/*NAVIGATION*/
#toggle{
	display:block;
	width:28px; height:30px;
	margin:1.5em auto 0;
}
#toggle span:after, #toggle span:before{
	content:"";
	position:absolute;
	left:0;
	top:-9px;
}
#toggle span:after{
	top:9px;
}
#toggle span{
	position:relative;
	display:block;
}
#toggle span, #toggle span:after, #toggle span:before{
	width:100%; height:5px;
	background-color:#888;
	transition:all 0.3s;
	backface-visibility:hidden;
	border-radius:2px;
}

/*On activation*/
#toggle.on span{
	background-color:transparent;
}
#toggle.on span:before{
	transform:rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after{
	transform:rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #nav-menu{
	display:block;
}

/*Menu appearance*/
#nav-menu{
	display:none;
	position:relative;
	margin:auto;
	width:200px;
	font-size:1.5rem;
	text-align:center;
}
#nav-menu:after{
	position:absolute;
  	top:-15px;
  	left:95px;
  	content:"";
  	display:block;
}
ul, li, li a{
  	list-style:none;
  	display:block;
  	margin:0; padding:0;
}
li a{
  	padding:0.5em;
  	color:#999;
  	text-decoration:none;
  	transition:all .2s;
}
li a:hover, li a:focus{
  	color:#fff;
}
.nav-current a{
	font-weight:bold;
	color:#555;
}
.nav-current a:hover, .nav-current a:focus{
	color:#555;
}

/*FIRST BREAKPOINT FOR LARGER SCREENS*/
@media screen and (min-width:780px){
	
	/*HEADER*/
	.header, #logo{
		display:none;
	}
	
	/*NAVIGATION*/
	#toggle{
		display:none;
	}
	#nav-menu{
		clear:both;
		display:block;
		width:100%;
	}
	#nav-menu, #nav-menu ul{
		float:right;
	}
	#nav-menu li{
		float:left;
		font-size:1.3rem;
	}
	/*
	#nav-menu{
		display:block;
		float:right;
		clear:none;
		width:100%;
		margin:0 0 2em;
	}*/
}