body {
	font-size: 100%;
	font-family: 'tradegothiclt', sans-serif;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	color: #565a5c;	
}
.body_container {
	padding-left: 5%;
	padding-right: 5%;
}	
a {
	font-size: inherit;
	font-weight: normal;
   	font-family: 'tradegothicltcom-bd2', sans-serif;
	text-transform: none; 
	color: #0099d0;
	text-decoration: none;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
   	font-family: 'tradegothicltcom-bd2', sans-serif;
	text-transform: uppercase; 
	color: #ee7401;
}
h3 {
	font-size: 1.2em;
	font-weight: normal;
   	font-family: 'tradegothicltcom-bd2', sans-serif;
	text-transform: uppercase; 
	color: #ee7401;
}
h4 {
	font-size: 1.0em;
	font-weight: normal;
   	font-family: 'tradegothicltcom-bd2', sans-serif;
	color: #ee7401;
}


/* ------------------- Header  ----------------------- */
/*************************************/
/* HEADER layout                     */
@media  (min-width: 1px){ /* PHONE */	
	#header_background {
	    width: 100%;
	    height: 15vw;
	    margin-top: 12%;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 2%;
	    position:relative;
	    display: block;
	    background-size: 100% 100%;
	    background-color: #097eaf; 
	    /* background-color: #F9BD3A; */ 
	}
	#header_imagecol {
	    z-index: 1;
		width: 30%;
		padding-left:  5%; 
		padding-right: 2%;
		padding-top: 1%;
		border: 0px solid black;
	 	text-align: right;
	}
	#header_titlecol {
		width: 70%;
		text-align: left;
		padding-top: 4vw;
		vertical-align: top;
	    background-repeat: no-repeat;			
	}
	#header_menucol {
		width: 5%; 
		font-size: calc(80%+0.5vw);
	   	font-family: 'tradegothicltcom-bd2', sans-serif;
		text-align: right;	
		padding-right: 5%;
		text-transform: uppercase; 
		vertical-align: top;
		padding-top: 6%;
	}
	#header_logo {
		width: 80%;
	 }
	
	#header_table {
	    z-index: 1;
	    width: 100%;
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	}
	#header_title {
		font-size: 5vw;
		color: #565a5c;
	   	font-family: 'tradegothicltcom-bd2', sans-serif;
	    font-weight: bold;
		text-align: left;
		display: block;	
		text-transform: uppercase; 
	}
	#header_subtitle {
		font-size: 2.5vw;
	   	font-family: 'tradegothicltcom-bd2', sans-serif;
		color: #ffffff;
		text-align: left;	
		display: block;	
		text-transform: uppercase; 
	}
	
	#skill_list{
		border: 0px solid black;	
	}
	.skillist_icon_col {
		width: 70px;
		padding-top: 20px;
		vertical-align: top;
		
	}
	.skillist_desc_col {
		width: auto;
	}
	.skillicon {
	    width:  100%;
	 	position: 0,0;	
	}
} 

@media  (min-width:  481px) { /* TABLET + PC */
	#header_background {
	    width: 100%;
	    height: 7vw;
	    margin-top: 8%;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 2%;
	    position:relative;
	    display: block;
	    background-size: 100% 100%;
	    /* background-color: #097eaf; */
	    background-color: #F9BD3A;  
	}
	#header_imagecol {
	    z-index: 1;
		width: 20%;
		padding-left:  2%; 
		padding-right: 4%;
		padding-top: 1%;
		border: 0px solid black;
	 	text-align: right;
	}
	#header_titlecol {
		width: 60%;
		text-align: left;
		padding-top: 4vw;
		vertical-align: top;
	    background-repeat: no-repeat;			
	}
	#header_menucol {
		width: 20%; 
		font-size: calc(80%+0.5vw);
	   	font-family: 'tradegothicltcom-bd2', sans-serif;
		text-align: right;	
		padding-right: 5%;
		text-transform: uppercase; 
		vertical-align: top;
		padding-top: 6%;
	}
	#header_logo {
		width: 80%;
	 }
	
	#header_table {
	    z-index: 1;
	    width: 100%;
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	}
	#header_title {
		font-size: 3vw;
		color: #565a5c;
	   	font-family: 'tradegothicltcom-bd2', sans-serif;
	    font-weight: bold;
		text-align: left;
		display: block;	
		text-transform: uppercase; 
	}
	#header_subtitle {
		font-size: 1.5vw;
	   	font-family: 'tradegothicltcom-bd2', sans-serif;
		color: #ffffff;
		text-align: left;	
		display: block;	
		text-transform: uppercase; 
	}
	
	#skill_list{
		border: 0px solid black;	
	}
	.skillist_icon_col {
		width: 200px;
		vertical-align: top;
		
	}
	.skillist_desc_col {
		width: auto;
	}
	.skillicon {
	    width:  75%;
	 	position: 0,0;	
	}
} 

#footer {
	padding-top: 10px;
	padding-left:  5%;
	padding-right: 5%;
	padding-bottom: 10px;
	background-color: #ededed;
	color: black;
}
/* ------------------- END Footer  ----------------------- */