@import url(normalize.css);


/*===Navigation===*/
div#navigation
{
clear:       both;
margin-left:40px;
margin-right:40px;
margin-bottom:15px;
position:    relative;
z-index:     10;
border:2px;
	 border-radius:3px;
	 box-shadow: 5px 5px 10px 2px #333;
	-webkit-box-shadow: 5px 5px 10px 2px #333;
	-moz-box-shadow: 5px 5px 10px 2px #333;
}

div#navigation ul ul { display: none; }

div#navigation ul li:hover > ul 	{ display: block; }

div#navigation  ul 
{
padding:     0;
position:    relative;
list-style:  none; 
}


div#navigation ul:after 
{
content: ""; 
clear: both; 
display: block;
}

div#navigation ul li {	float: left; }

div#navigation ul li a 	
{ 
color:          #03C; 
display:        block; 
font-size:      1em; 
text-decoration:none; 
padding:        0 25px;	
height:         50px;
line-height:    35px;
}

div#navigation ul li a:hover {color:#69F; }

div#navigation ul ul 
{
background:    #f4421a;
padding:       0;
position:      absolute; 
top:           100%;
width:         170px;
}


div#navigation ul ul li 
{
float:      none;
position:   relative;
}


div#navigation ul ul li a	
{
height:       35px;
line-height:  35px;
padding:      0 15px;
}	


div#navigation ul ul li a:hover{text-decoration: underline;}



/*===BUTTON FOR RESPONSIVE MENU===*/
.btn-responsive-menu
{
display:none;
border: 1px solid #03C;
padding:5px;
cursor:pointer;
color:#fff;
background:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

	
.icon-bar 			
{
display:                 block;
width:                   20px;
height:                  3px;
margin:                  5px;
background-color:        #03C;
-webkit-border-radius:   2px;
-moz-border-radius:      2px;
border-radius:           2px;
}


.show{display:block!important;}

/*===Media Queries===*/
@media screen and (max-width:639px)
{
header, div.container 
{
margin:         0 1.2em;
}

div.container h1 
{
padding:	 30px 0 0 0;
}

div#navigation
{
margin:       0 1.2em;
display:      none;
}

div#navigation ul li 			
{
float:        none; 
display:      block; 
width:        100%; 
}

div#navigation  ul li a 	
{ 
height:        35px;
line-height:   35px;
font-size:     1em;
padding:       0 0 0 20px;
}

div#navigation  ul li a:hover  	
{ 
color:          #69F;          
}


div#navigation ul ul 
{
width:         100%;
position:      relative;
display:       table;
}


div#navigation ul ul li a	
{	
font-size:     .85em;	
height:        35px;
line-height:   35px;
padding:       0 10px 0 30px;
}

div#navigation ul ul li a:hover 
{
color:           #69F;          
text-decoration: none; 
}


div#navigation ul ul ul 
{
width:         100%;
margin:        0 0 0 -100%;	
border:        0px solid #af3738;
}	


div#navigation ul ul li ul 
{
width:         100%;
position:      relative;
}


.btn-responsive-menu
{
display:      block;
position:     absolute; 
top:          160px; 
left:20px;
z-index:20;}


#remainder{width:auto;
		height:150px;
		padding-top:1%;
		padding-bottom:5%;		
		}

#remainder img{float:right;
				margin-right:15px;
				margin-top:140px;
				margin-bottom:10px;
				}
	
}



/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }