body {
	margin: 0;
	padding: 0;
	text-align: left;
}
.header{
	background-color:#FFF;
}

tr th div .info strong {
	color: #161616;
}
.aboutme{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #539DC1;
	top: 20px;	
}
.name{
	color:#689C97;
	font-size:18px;
}
.info{
	color:#539DC1;
	}
.background{
	background-color:#F0F0F0;
	width:12%;
	
	}
.resumes p {
	font-size: 16px;
	}
.resumes p1 {
	font-style: italic;
	font-size:22px;
	color:#4A86E8;
}
.p2 {
	font-weight: bold;
	color: #4A86E8;
	font-size: 22px;
	text-align: left;	
}
.resumes table tr .box p{
	position:relative;
	left: inherit(top left)
	
	}

.resumes table tr .box2 p2 {
	color: #666;
	font-size: 12px;
}
.box2 p3{
	text-align: left;
	font-size: 8px;
	color: #666;
}
.t-skills{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.skills{
    width: 50%;
    margin-left: 15px;
}

.skills p3{
	text-align:left;
	font-size:9px;
}

.box{
	width: 20%;
	max-height: 20%;
	vertical-align: top;
}

/*>*/
.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}


.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/*skill bar*/
/* Make sure that padding behaves as expected */
* {box-sizing:border-box}

/* Container for skill bars */
.container {
  width: 65%; /* Full width */
  background-color: #ddd; /* Grey background */
  height:20px;
}
.skill {
  text-align: right; /* Right-align text */
  padding-top: 5px; /* Add top padding */
  padding-bottom: 5px; /* Add bottom padding */
  color: white; /* White text color */
 
}

.Communication {
	width: 85%;
	height: 20px;
	background-color: #04AA6D;
	font-size: 12px;
} /* Green */
.Leadership {
	width: 75%;
	height: 20px;
	background-color: #2196F3;
	font-size: 12px;
} /* Blue */
.Teamwork {
	width: 80%;
	height: 20px;
	background-color: #f44336;
	font-size: 12px;
} /* Red */
.Time-Management {
	width: 90%;
	height: 20px;
	background-color: #F90;
	font-size: 12px;
}
.Multimedia-Software{
	width:80%;
	height: 20px;
	background-color:#444365;
	font-size: 12px;
}
.Microsoft{
	width:80%;
	height: 20px;
	background-color:#F36C68;
	font-size: 12px;
}
.Programming{
	width:65%;
	height: 20px;
	background-color:#F87C45;
	font-size: 12px;
}

@media screen and (max-width: 450px){

tr{
	display: flex;
    	flex-direction: column;
}
tb{
	width: 100%;
}

.box{
	width:100%;

}
}