.resume-container{
	margin: auto;
}

#resume{
	margin-top: 30em;
	margin-bottom: 20em;
	margin-left: 15em;
	padding-left: 5em;
	padding-bottom: 5em;
	margin-right: 10em;
	padding-right: 5em;
	background: #f4f4f3;
	-webkit-box-shadow: 0px 50px 50px 2px rgba(114, 120, 122, 0.1);
	box-shadow: 0px 50px 50px 2px rgba(114, 120, 122, 0.1);

}

#resume aside{
	float: right;
	width: 20em;
	margin-top: -0.5em;
	background: #e7e8e7;
	padding-bottom: 2em;
}

#resume h2, #resume h3, #resume h4, #resume p, #resume article{
	margin: 0;
	padding: 0;
	margin-bottom: 0.25em;
}
#resume h3{
	background: #312624;
	color: #fff;
	width: 15em;
	padding: 0.25em;
}
#resume aside h3{
	width: 10em;
	background: #72787A;
}
.skilled, .cloud{
	text-align: justify;
}
.cloud li{
	margin-right: 1em;
	display: inline-block;
}
.skill5, .skill4, .skill3, .skill2, .skill1{
	height: 1em;
	display: block;
	margin-left: auto;
	margin-right: 1em;
	margin-top: -1em;
}
#download{
	padding: 0px;
	text-align: center;
	background: #72787A;
	padding-top: 1em;
	padding-bottom: 1em;
}
#download li{
	margin: 0px;
	display: inline-block;
}
#download li a img{
	width: 4em;
}
#resume article{
	margin-bottom: 2em;
}
#resume h3{
	margin-bottom: 0.5em;
}
#resume p{
	margin-left: 1.5em;
}
#resume ul{
	margin: 0;
	margin-bottom: 0.5em;
}
#resume h2{
	background: #72787A;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-top: 0.25em;
	font-size: 2em;
	font-weight: 900;
	letter-spacing: 0.2em;
}

#download img{
    background: url(../layout-images/pdf-icon-hover.png) no-repeat;
    background: url(../layout-images/doc-icon-hover.png) no-repeat;
    background: url(../layout-images/txt-icon-hover.png) no-repeat;	
	background: none;
}

#pdf-icon:hover{
    display: block;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     background: url(../layout-images/pdf-icon-hover.png) no-repeat;
	 background-size: 4em;
     width: 4em; /* Width of new image */
     height: 4em; /* Height of new image */
     padding-left: 4em; /* Equal to width of new image */
}
#doc-icon:hover{
    display: block;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     background: url(../layout-images/doc-icon-hover.png) no-repeat;
	 background-size: 4em;
     width: 4em; /* Width of new image */
     height: 4em; /* Height of new image */
     padding-left: 4em; /* Equal to width of new image */
}
#txt-icon:hover{
    display: block;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     background: url(../layout-images/txt-icon-hover.png) no-repeat;
	 background-size: 4em;
     width: 4em; /* Width of new image */
     height: 4em; /* Height of new image */
     padding-left: 4em; /* Equal to width of new image */
}