html, body {
    width: 100%;
    font: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.portfolioheader {
    color: white;
    background: rgba(42,59,84,1);
}

.portfolioheader a {
	opacity: .7;
}

.portfolioheader a {
	padding: 10px 12px;
	color: white;
}

.portfolioheader a:hover {
	opacity: 1;
	color: white;
	text-decoration: none;
	display: inline;
	padding-bottom: 3px;
	border-bottom: solid 2px white;
}


nav ul {
    padding: 10px;
    margin-right: 10px;
    color: white;
    text-align: center;
}

nav li {
    display: inline-block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.img-left {
    float: left;
    margin: 10px;
    padding: 10px;
    padding-right: 20px;
}

.center {
    text-align: center;
    margin: 5px;
    padding: 5px;
}

.btn-project{
	display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
	padding: 15px;
	white-space: normal;
	border: 0px solid;
	border: 1px solid;
	border-color: #FFFFFF;
}

.btn-project:hover{
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
	border-color: #777777;
	border: 1px solid;
	background-color: #E3E3FF;
}

.btn-project a:hover{
	color: #000000;
	text-decoration: none!important;
	cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}

.project-thumbnail{
	max-height:170px;
	max-width:170px;
}

.img-center img {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    padding-top: 5px!important;
}

.btn-project p{
	
}