/*!
 * Based off Start Bootstrap - Modern Business Template
 * Original Template MIT License:
 *
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */


body {
  background-color: #002157;
  padding-top: 50px;
}

.navbar-portfolio {
  background-color: #3f6f8a;
  color: #f7e5d0;
}

.img-hover:hover {
  opacity: 0.7;
}

.navbar-portfolio .navbar-brand {
  padding: 2px;
  height: 50px;
}

.navbar-portfolio .navbar-description {
  float: right;
  font-size: 18px;
  padding: 4px;
  font-weight: 100;
}

.navbar-portfolio .navbar-nav > li > a {
  color: #f7e5d0;
  background-color: #0076a3;
  font-weight: 700;
  margin: 0 2px;
  border-radius: 2px;
}

.navbar-portfolio .navbar-nav > li > a:hover, .nav > li > a:focus {
  background-color:  #f7941d;
}

.navbar-portfolio .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
  background-color: #d9821a;
}

.navbar-portfolio .navbar-toggle {
  background-color: #0076a3;
  border-color: #fff;
}

.navbar-portfolio .navbar-toggle .icon-bar {
  background-color: #fff;
}

#logo {
  content: url(../images/logo-2-64.png);
  background-color: #e1fcff;
  height: 100%;
  padding: 4px;
  display: inline-block
}

.page-header {
  border-radius: 8px 8px 0 0;
  background-color: #0076a3;
  color: #fff;
  padding: 4px 12px;
  margin-top: 16px;
  margin-bottom: 0;
}

.page-header small{
  color: #f7e5d0;
}

.page-content {
  background-color: #e8fdff;
  
  font-size: 16px;
}

.link {
  color: #f7731d;
  text-decoration: underline;
	font-weight: bold;
}

.link:hover {
	color: #005df7;
}

#embedded-resume {
  width: 100%;
  height: 600px;
}

.screenshot {
  padding: 16px;
  width: 100%;
}

.row-project {
  min-height: 300px;
}

@media(max-width:360px) {
  .navbar-portfolio .navbar-description {
    display: none;
  }
}