body {
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin: 50px auto auto;
    width: 1050px;
}

.resumehead {
	 font-size: 30px;
    margin-bottom: 30px;
	text-transform: uppercase;
}

h1.name {
  color: #337ab7;
  display: inline-block;
  font-size: 1.4em;
  text-transform: uppercase;
  width:100%;
}
h2.name {
  color: #337ab7;
  display: inline-block;
  font-size: 1.3em;
  text-transform: uppercase;
  margin-bottom: 10px;
  width:100%;
}

.contact-information, .links-container {
  color: #808284;
  display: inline-block;
  font-size: .8em;
  line-height: .9em;
  text-transform: uppercase;
}

.contact-deets {
  color: #58585B;
  display: inline-block;
  margin-bottom: 2%;
  margin-top: 1.1em;
  text-decoration: none;
}

.links {
  color: #58585B;
  display: inline-block;
  text-decoration: none;
}
  .links:hover {
    color: #337ab7;
  }

.links img {
  margin-bottom: -.2em;
  padding-right: .3em;
  padding-left: .3em;
}

.primary-titles {
  color: #337ab7;
  display: inline-block;
  font-size: .9em;
  margin-bottom: -1%;
  text-decoration: none;
}

.maintitle {
  color: #58585B;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 1.1em;
  padding-left: .4em;
  text-transform: uppercase;
  margin-left: 15px;
  font-weight: 700;
  width:100%;
}


.rusumecreatingtitle {
	color: #337ab7;
    font-size: 16px;
    margin-top: 20px;
    text-transform: uppercase;
}

.maindesc {
	margin-left: 2%;
    margin-top: 0.2em;
	margin-bottom: 5px;
}

.rusumecreatingcontent {
	line-height: 1.6em;
    margin: 1em 7% 1% 2%;
}

.category-description {
  font-size: .9em;
  line-height: 1.4em;
  margin-bottom: 1%;
  margin-left: 2%;
  margin-right: 7%;
  margin-top: .01em;
}

.marginbpers {
	margin-bottom:10px;
}

hr {
  border: 1px dotted #A7A9AB;
  border-style: none none dotted; 
  margin: 0 10% 0 0;
}

.userskillarea {
  margin-left: 15px;
  width: 100%;
}
.userskills {
  color: #58585B;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 1.1em;
  padding-left: .4em;
  text-transform: uppercase;
  font-weight: 700;
  float:left;
}

.footerarea {
	margin-bottom: 40px;
    margin-top: 15px;
	float: left;
	clear: both;
}

.m-b-5 {
	margin-bottom: 5px;
}

@media screen {
	.col-md-3 {
		width: 25%;
		float:left;
	}
	.col-md-9 {
		width: 75%;
		float:left;
	}
	.col-sm-12 {
		width: 100%;
		float:left;
	}
	.col-sm-2 {
		width: 16.6667%;
		float:left;
	}
	.col-sm-10 {
		width: 83.3333%;
		float:left;
	}
	
	h1.name {
	  color: #337ab7 !important;
	  display: inline-block;
	  font-size: 1.4em;
	  text-transform: uppercase;
	  width:100% !important;
	}
	h2.name {
	  color: #337ab7 !important;
	  display: inline-block;
	  font-size: 1.3em;
	  text-transform: uppercase;
	  margin-bottom: 10px;
	   width:100% !important;
	}
	.rusumecreatingtitle {
	    color: #337ab7 !important;
	    font-size: 16px;
	    margin-top: 20px;
	    text-transform: uppercase;
	}
	.resumehead {
	    font-size: 30px;
	    margin-bottom: 20px;
	    text-transform: uppercase;
	}
}


@media print {
	
	.col-md-3 {
		width: 25%;
		float:left;
	}
	.col-md-9 {
		width: 75%;
		float:left;
	}
	.col-sm-12 {
		width: 100%;
		float:left;
	}
	.col-sm-2 {
		width: 16.6667%;
		float:left;
	}
	.col-sm-10 {
		width: 83.3333%;
		float:left;
	}
}