body {
  -webkit-font-smoothing: antialiased;
  font-family: "-apple-system", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

h1 {
  -webkit-font-smoothing: antialiased;
  font-family: "-apple-system", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

h2 {
  -webkit-font-smoothing: antialiased;
  font-family: "-apple-system", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

h3 {
  -webkit-font-smoothing: antialiased;
  font-family: "-apple-system", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

h4 {
  -webkit-font-smoothing: antialiased;
  font-family: "-apple-system", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

h5 {
  -webkit-font-smoothing: antialiased;
  font-family: "-apple-system", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

.navbar-default {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: saturate(1.8) blur(20px); }
  .navbar-default .navbar-brand {
    color: #2c2c2c; }
  .navbar-default .navbar-nav li a {
    color: #2c2c2c; }
  .navbar-default .navbar-toggle {
    border-color: #676767; }
    .navbar-default .navbar-toggle:hover {
      background-color: rgba(255, 255, 255, 0.4); }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #676767;
      height: 1px; }

header {
  background-image: url(../images/header.jpg);
  background-position: center;
  background-size: cover;
  height: 800px; }

.header-content {
  padding-top: 130px;
  text-align: center;
  color: white;
  background-color: rgba(255, 255, 255, 0); }

.section-heading {
  padding-top: 70px; }

.section-heading-without-title {
  padding-top: 150px; }

.section-title {
  text-align: center; }

.section-footer {
  padding-bottom: 100px; }

#about {
  background-color: #fff;
  color: black; }
  #about #profile-icon {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin-top: 50px; }
  #about #profile-text {
    padding-bottom: 20px; }
  #about .social-icons {
    padding-top: 40px; }
    #about .social-icons .social-icon {
      border: solid 1px #707478;
      width: 3.75em;
      height: 3.75em;
      border-radius: 100%;
      line-height: 3.75em;
      text-decoration: none;
      text-align: center;
      text-indent: 3.75em;
      margin: 0 auto; }
      #about .social-icons .social-icon:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        left: 0;
        width: inherit;
        height: inherit;
        font-size: 3rem;
        line-height: inherit;
        text-align: center;
        text-indent: 0;
        margin: 0 auto;
        color: #fff;
        text-shadow: 1.25px 0px 0px #707478, -1.25px 0px 0px #707478, 0px 1.25px 0px #707478, 0px -1.25px 0px #707478; }
      #about .social-icons .social-icon:hover {
        border-color: #ff7496; }
        #about .social-icons .social-icon:hover:before {
          text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496; }

.itunes {
  display: inline-block;
  overflow: hidden;
  background: url(https://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg) no-repeat;
  width: 135px;
  height: 40px;
  margin-top: 60px; }

.learn-more {
  margin-top: 10px; }

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

#amekuru {
  background-color: #0d6df0;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0D6DF0', endColorstr='#FF4FA9F0');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBkNmRmMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRmYTlmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d6df0), color-stop(100%, #4fa9f0));
  background-image: -moz-linear-gradient(top, #0d6df0 0%, #4fa9f0 100%);
  background-image: -webkit-linear-gradient(top, #0d6df0 0%, #4fa9f0 100%);
  background-image: linear-gradient(to bottom, #0d6df0 0%, #4fa9f0 100%);
  color: #fff; }
  #amekuru a {
    color: #fff; }
  #amekuru #amekuru-text {
    padding-top: 40px; }
  #amekuru #github-icon {
    margin-top: 40px; }

@media (min-width: 768px) {
  #amekuru #amekuru-text {
    padding-top: 0px; } }
.gallery {
  margin-top: 40px; }

.photo {
  background-position: center;
  background-size: cover;
  height: 320px; }

#photo0 {
  background-image: url(../images/gallery/0.jpg); }

#photo1 {
  background-image: url(../images/gallery/1.jpg); }

#photo2 {
  background-image: url(../images/gallery/2.jpg); }

#photo3 {
  background-image: url(../images/gallery/3.jpg); }

#photo4 {
  background-image: url(../images/gallery/4.jpg); }

#photo5 {
  background-image: url(../images/gallery/5.jpg); }

#photo6 {
  background-image: url(../images/gallery/6.jpg); }

#powered-by {
  margin-top: 15px; }

#explorer-more {
  margin-top: 70px; }

#smugmug-logo {
  width: 140px; }

#footer {
  background-color: #333333;
  color: #fff; }