body{
	 font-family: 'Source Sans Pro', sans-serif;
	 }
	 
div.grid-container section:not(.center){
	text-align:justify;
	}	 

div.grid-container section p, div.grid-container section h2{
	text-align:justify;
	padding:3px;
}

	/* NAVIGATION */
	
/* #navigation li, #sub_nav li, #sub_nav_mobile li, #footer_wrap li{
	display:inline;
	list-style-type:none;
	margin:0 15px 0 2px;
}



#sub_nav section.right, #sub_nav_mobile section.right{
	text-align:right;
}

*/
.permatxt, .permatxt ~ b h1{
	display:inline;}



	/* RESPONSIVE NAVIGATION */
	

nav ul {
	padding: 0;
	margin: 0 auto;
	/* width: 900px; */
	height: 40px;
}

nav li {
	display: inline;

}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav a {

	display: inline-block;

	text-align: center;
	text-decoration: none;
	line-height: 40px;

}
nav li a {

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}

nav a:hover, nav a:active {

	text-decoration:none;
}
nav a#pull {
	display: none;
}		


@media screen and (max-width: 600px) {  
    nav {   
        height: auto;  
    }  
    nav ul {  
        width: 100%;  
        display: none;  
        height: auto;  
    }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative;  
    }  

    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 25px;  
    }
    
    #navigation{
	    margin:0 auto;
	    
    }
    



    #logo_mobile img{
	    display:block;
	    margin:0 auto;
    }
    


    
    #footer_logo_mobile{
	    display:block;
	    margin:0 auto;
	    position:relative;
	    bottom:inherit;
	    right:inherit;
	    top:10px;
    }
    
	#footer_wrap{
		color:rgba(255,255,255,.6)
	}
	
    #footer_wrap p{
	    text-align:center;
    }
    
    
    a.submit_link{
	    margin:15px auto!important;
	    float:none!important;
	    width:200px;
	    clear:both;
	    position:inherit;
	    display:block!important;
	    text-align:center!important;
	    
    }
    
    table{
	    font-size:75%!important;
	    text-align:center!important;
    }
    
    
    nav {  
        border-bottom: 0;  
    }  
    nav ul {  

        height: auto;  
    }
    
    
     nav a#pull {  
        display: block;  

        background: url('../../images/nav_icon2.png') no-repeat 95% 50% #1B5466!important; 
        color:#fff!important;
        width: 100%;  
        position: relative;  
    }  
    

    
    nav a#pull:after {  
        content:"";  
        
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
}  


@media only screen and (max-width : 480px) {  
    
    span.error_box{
	right:10px!important;
 }
 
    nav {  
        border-bottom: 0;  
    }
    nav ul {  

        height: auto;  
    }
    #navigation{
	    margin:0 auto;
	    
    }
    

.logos_skills{
	margin:-35px;
	width:200px!important;
	-webkit-transform: scale(0.4,0.4);
	-moz-transform: scale(0.4,0.4);
	-o-transform: scale(0.4,0.4);
	transform: scale(0.4,0.4);

}

.logos_skills:hover{
	-webkit-transform: scale(0.6,0.6);
	-moz-transform: scale(0.6,0.6);
	-o-transform: scale(0.6,0.6);
	transform: scale(0.6,0.6);
	overflow:visible;

}



    #logo_mobile img{
	    display:block;
	    margin:0 auto;
    }

	table + a + p{
	
	margin-left:inherit;
	text-align:center;
}


    
    .aligncenter{
	    text-align:Center!important;
    }
    table tr td:nth-child(4){
	   display:none!important;
    }
    
    nav a#pull {  
        display: block;  

        background: url('../../images/nav_icon2.png') no-repeat 95% 50% #1B5466!important; 
        color:#fff!important;
        width: 100%;  
        position: relative;  
    }  
    

    
    nav a#pull:after {  
        content:"";  
        
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
}  


@media only screen and (max-width : 320px) {  
    nav li {  
        display: block;  
        float: none;  
        width: 100%;  
    }
    
    	.centerblock{
		width:100%;
	}
	
	    span.error_box{
	display:none!important;
 }
	
    

        
    nav li a {  
        border-bottom: 1px solid white;  
    }  
}