/* Padding required for navbar */
body{
  padding-top: 50px;
}
.jumbotron {
  background: linear-gradient(60deg, #020031 0%,#811a53 120%);
  color: white;
  margin-bottom: 0;
}

.jumbotron .well{
  color: #333;
}
.row-wrapper {
    padding: 60px 20px 0 20px;
}
.row-wrapper:nth-child(odd) {
    background-color: #FFFFFF;
}
.row-wrapper:nth-child(even) {
    background-color: #F6F6F6;
}
ul{
  padding-left: 15px;
}
.skill-logo {
  font-size: 40px;
}

.panel-body dl.dl-horizontal {
  margin-bottom:0px;
}
.dl-horizontal dt {
  float: left;
  width: 80px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 100px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after{
  display: table;
  content: " ";
}
.dl-horizontal dd:after{
  clear: both;
}

@media print {
  body{
    padding-top: 0;
  }
  .jumbotron{
    margin-bottom:0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .panel-heading
  {
    border-bottom: 2px solid #ddd;
  }
  .panel
  {
    border:2px solid #ddd;
  }
  a[href]:after {
    content: "";
  }
  .row-wrapper {
    padding: 10px;
  }
  .page-header{
    margin-top: 15px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }
  h1, h2, h3, h4 {
    margin-top:0;
    margin-bottom: 0;
  }
  ul {
    margin-bottom: 0px;
  }
  .skill-logo {
    font-size: 30px;
  }
  .panel {
    margin-bottom: 5px;
  }
  .col-pr-4 {
    width: 32%;
  }
  .col-pr-4, .col-pr-6, .col-pr-12{
    padding-left: 5px;
    padding-right: 5px;
  }
  .panel-heading {
    padding-bottom: 7px;
  }
  .panel-body {
    padding: 10px;
  }
  .lead {
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .row-wrapper {
    padding: 0 10px;
  }
}