body {
  color:#424242;
  background:#f2f2ea;
  font-family:'aktiv-grotesk', 'Montserrat', 'Helvetica', 'Arial', sans-serif;
}

/*header*/
.navbar {
  height:50px;
  background-color:rgba(242,242,234,0.95);
}
body {
  padding-top:50px;
}
#sitename, #sitename a {
  margin:auto;
  text-transform:uppercase;
  letter-spacing:.1rem;
  font-size:2.25rem;
  font-weight:bold;
  color:#424242;
  line-height:50px;
  max-height:50px;
  float:left;
}
#sitename a:hover {
  text-decoration:none;
}
#logo {
  height:40px;
  top:-10px;
  position:relative;
}
#logo img {
  height:inherit;
}
#nav li a {
  display:inline-block;
  font-size: 1.25em;
  line-height:15px;
  border-bottom:5px solid transparent;
}
#nav li a.active-page {
  border-bottom:5px solid #b07c1e;
}
#nav li a:hover {
  background-color:transparent;
  border-bottom:5px solid #fdbb44;
}
.navbar-nav>li {
float: left !important;
}
/*global*/
a {
  color: #b07c1e;
}
a:hover {
  color: #fdbb44;
}
#hero {
  margin-top:20px;
  margin-bottom:20px;
}
#hero h1 {
  line-height:1.25em;
}
#hero span {
  background-color: #fdbb44;
}
.btn-primary {
  background-image:none;
  background-color:#214a7a;
  border:0;
}
.btn-primary:hover {
  background-color:#295c99;
  border:0;
}
img {
  margin:auto;
  margin-bottom:10px !important;
}
/*rows*/
.row {
  padding: 20px 15px 20px 15px;
}
.row-white {
  background:#fff;
}
#work .row-first {
  margin-top:20px;
}
#resume .row-first {
  padding-top:0px;
}
.row-white .row {
  padding: 20px 0 20px 0;
}
/*work*/
#hero-work {
  text-align: center;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
#hero-work ul {
  padding-left:0;
}
#hero-work ul li {
  display:inline;
  padding: 0 5px 0 5px;
}
.hero-moxy .row {
  background:url(../images/moxy-hero.jpg) repeat 0 0;
  background-size: cover;
  color:#fff;
}
.hero-china .row {
  background:url(../images/china-hero.jpg) repeat 0 0;
  background-size: cover;
  color:#fff;
}
.hero-hiromi .row {
  background:url(../images/hiromi-hero.jpg) repeat 0 0;
  background-size: cover;
}
.hero-growit .row {
  background:url(../images/growit-hero.jpg) repeat 0 0;
  background-size: cover;
}
.first-thumb p {
  font-size:1.5em;
}
.second-thumb h2 {
  font-size:1.5em;
  margin-top:0;
}
.second-thumb p {
  font-size:.9em;
}
#work img {
  margin:20px 0 10px 0;
}
#personas h5 {
  text-align:center;
  font-weight:bold;
}
#outro, #pdf-download {
  text-align:center;
}
.contact-me {
  font-size:1.5em;
  text-align:center;
}
/*resume*/
#resume h5 {
  color:#888;
}
#resume ul {
  margin-bottom:15px;
}
/*left rail about me*/
.up-arrow {
  width:0;
  height:0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fdbb44;
  margin:auto;
}
#left-rail {
  top:-40px;
}
#left-rail h3 {
  margin-bottom:15px;
}
#left-rail h5 {
  margin-bottom:0;
}
#left-rail ul {
  list-style-type: none;
  padding-left:0px;
  font-size:1.25em;
}
#right-rail {
  top:-40px;
}
#right-rail ul {
  margin-bottom:15px;
}
#right-rail h5 {
  margin-bottom:15px;
}
ul#social {
  background-color:#fdbb44;
  padding:10px;
}
#social li {
  line-height: 1.75em;
  font-size:.75em;
}
#social li a {
  color:#fff;
}
#social li a:hover {
  color:#eee;
}
#social i {
  color:#fff;
  width:24px;
  vertical-align: middle;
}
/*process icons*/
.process-icon {
  background-color:#fdbb44;
  border-radius:75px;
  width:150px;
  height:150px;
  margin:auto;
  margin-bottom:20px;
  text-align:center;
}
.process-icon i {
  line-height:150px;
  vertical-align:middle;
}
/*img {
  padding:20px;
  margin:auto;
}*/