/*!
 * Start Bootstrap - 2 Col Portfolio (https://startbootstrap.com/template-overviews/2-col-portfolio)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-2-col-portfolio/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
  background-color: #2a2935;
  background-image: url("https://i.imgur.com/BeTegdT.jpg");
  height: 100%; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#resume_thumbnail{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.jumbotron{
  padding:1.75rem !important;
}

.parallax {
  background-attachment: scroll;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
  .myphoto{
    float: right;
  }  
}

.portfolio-item {
  margin-bottom: 30px;
}

a:link {
  font-weight: bold;
  color: #f59d3e;
}

a:visited {
  font-weight: bold;
  color: #f59d3e;
}

a:hover {
  font-weight: bold;
  color: #ffb700;
}

a:active {
  font-weight: bold;
  color: #f59d3e;
}

.left {
  float:left;  
}

.right {
  float:right;
}
/*
Circle border from https://codepen.io/ThibaultG4U/pen/kXVZqm
By Thibault Seynaeve
*/

.caption div {
  box-shadow: 0 0 5px #C8C8C8;
  transition: all 0.3s ease 0s;
}
.img-circle {
  border-radius: 50%;
}
.img-circle {
  border-radius: 0;
}

.ratio {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

  height: 0;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.img-circle {
  border-radius: 50%;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}