body {
  background: #eeeeee;
  font-size: 15px;
  min-width: 835px;
  font-family: sans-serif;
  color: #fcfcfc;
  line-height: 1.25em; }

footer {
  clear: both; }

h1, h2 {
  margin: 0 0 8px 0; }

h3 {
  margin: 20px 0 0; }

h4 {
  margin: 0; }

p {
  margin: 1em 0; }

a {
  color: #1c07b6; }

img {
  border: none; }

section, header {
  padding: 10px 20px;
  box-sizing: border-box; }

.page {
  background: white;
  box-shadow: 2px 2px 6px -4px; }

.banner {
  background-color: #cccccc;
  padding: 0 20px; }
  .banner .description {
    display: inline-block;
    margin-left: 40px; }

.wrapper {
  width: 80%;
  min-width: 845px;
  margin: 0 auto;
  position: relative;
  max-width: 1024px; }

.unstyled {
  list-style: none;
  padding: 0;
  margin: 0; }

.indented {
  margin-left: 20px; }

.columned > li {
  float: left;
  width: 50%; }

.inline {
  display: inline-block; }

.grid50 {
  width: 50%;
  float: left; }

.grid33 {
  width: 33%;
  float: left; }

.profile-image {
  max-width: 180px;
  margin: 2px;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 3px;
  background-color: white;
  box-shadow: 0 0 8px -3px #333333;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  -webkit-backface-visibility: hidden; }

.title {
  margin-bottom: 8px;
  text-transform: uppercase; }

.subtitle {
  color: #cfcfcf; }

.page:after, .cf:after {
  content: "";
  display: block;
  clear: both; }

.education {
  background-color: #62bd72; }

.personal {
  background-color: #5fc0ce; }

.experience {
  background-color: #6d87d6; }

.skills {
  clear: both;
  background-color: #5fc0ce; }

.about p {
  padding-right: 20px; }

.profile {
  margin: 1em 0; }

.social-footer {
  text-align: center; }
  .social-footer a {
    text-decoration: none; }

.social {
  text-align: center;
  width: 32px;
  height: 32px;
  margin: 2px 4px;
  box-shadow: inset 0 0 8px -2px rgba(128, 128, 128, 0.6), 0 0 2px, 0 4px 8px -4px;
  background-color: #66727d;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 6px; }

.linkedin {
  width: 44px;
  vertical-align: bottom; }

.rounded {
  border: 1px solid #efefef;
  border-radius: 4px; }

.profile-image:hover {
  transition: all 250ms;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

@media print {
  .wrapper {
    width: 100%; }

  footer {
    display: none; } }