/* line 1, ../scss/index.scss */
html {
  position: relative;
  min-height: 100%;
}

/* line 5, ../scss/index.scss */
body {
  margin-bottom: 95px;
}

/* line 9, ../scss/index.scss */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 95px;
}
/* line 14, ../scss/index.scss */
footer p {
  text-align: center;
}
/* line 17, ../scss/index.scss */
footer.index {
  height: 40px;
}
/* line 19, ../scss/index.scss */
footer.index p {
  color: white;
  font-weight: normal;
}

/* line 27, ../scss/index.scss */
.menu-container {
  background-color: white;
}
/* line 29, ../scss/index.scss */
.menu-container .navbar-toggler {
  border: 0;
}

/* line 35, ../scss/index.scss */
.ham-menu {
  background-color: transparent;
}
/* line 37, ../scss/index.scss */
.ham-menu button {
  background-color: white;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}

/* line 45, ../scss/index.scss */
.navigation-menu {
  margin: 0;
  padding: 0;
}
/* line 48, ../scss/index.scss */
.navigation-menu li {
  list-style-type: none;
}
/* line 50, ../scss/index.scss */
.navigation-menu li a {
  font-family: 'Droid Sans', sans-serif;
  font-size: 14px;
  color: #616161;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  transition: all 0.1s cubic-bezier(0.74, 0.53, 0.29, 1);
}
/* line 60, ../scss/index.scss */
.navigation-menu li a:hover {
  transform: scale(1.1);
}
/* line 66, ../scss/index.scss */
.navigation-menu li:first-child a {
  margin-left: 0;
}
/* line 71, ../scss/index.scss */
.navigation-menu li.active a {
  color: #bf9273;
}
@media (min-width: 600px) {
  /* line 48, ../scss/index.scss */
  .navigation-menu li {
    float: left;
  }
  /* line 77, ../scss/index.scss */
  .navigation-menu li a {
    padding: 25px 15px;
  }
}

/* line 84, ../scss/index.scss */
.social-menu {
  margin: 0;
  padding: 0;
  float: right;
  width: auto;
}
/* line 89, ../scss/index.scss */
.social-menu li {
  list-style-type: none;
  float: left;
  padding: 25px 15px;
}
@media (min-width: 48em) {
  /* line 89, ../scss/index.scss */
  .social-menu li {
    padding: 25px;
  }
}
/* line 98, ../scss/index.scss */
.social-menu li a {
  text-indent: 9999px;
}
/* line 103, ../scss/index.scss */
.social-menu li a .fb,
.social-menu li a .tw,
.social-menu li a .in,
.social-menu li a .pi {
  display: block;
  width: 24px;
  height: 24px;
  background-position-x: center;
  background-position-y: center;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
}
/* line 112, ../scss/index.scss */
.social-menu li a .fb {
  background: url("../images/social/fb.svg");
}
/* line 115, ../scss/index.scss */
.social-menu li a .tw {
  background: url("../images/social/tw.svg");
}
/* line 118, ../scss/index.scss */
.social-menu li a .pi {
  background: url("../images/social/pi.svg");
}
/* line 121, ../scss/index.scss */
.social-menu li a .in {
  background: url("../images/social/in.svg");
}
/* line 126, ../scss/index.scss */
.social-menu li:last-child {
  padding-right: 15px;
}

/* line 133, ../scss/index.scss */
.middle-logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 150px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fadein 1.6s;
  -moz-animation: fadein 1.6s;
  -ms-animation: fadein 1.6s;
  -o-animation: fadein 1.6s;
  animation: fadein 1.6s;
}
/* line 149, ../scss/index.scss */
.middle-logo .middle-logo-inside .resp {
  display: block;
  width: 100%;
  height: 90px;
  margin-top: 15px;
  opacity: 0.7;
}
@media (min-width: 693px) {
  /* line 149, ../scss/index.scss */
  .middle-logo .middle-logo-inside .resp {
    display: none;
  }
}
/* line 159, ../scss/index.scss */
.middle-logo .middle-logo-inside .norm {
  display: none;
  width: 100%;
  height: 80px;
  margin-top: 15px;
  opacity: 0.7;
}
@media (min-width: 693px) {
  /* line 159, ../scss/index.scss */
  .middle-logo .middle-logo-inside .norm {
    display: block;
  }
}

/* line 173, ../scss/index.scss */
.logo {
  min-height: 150px;
}
/* line 175, ../scss/index.scss */
.logo img.resp {
  display: block;
  width: 100%;
  height: 100px;
  margin-top: 75px;
  opacity: 0.7;
}
@media (min-width: 693px) {
  /* line 175, ../scss/index.scss */
  .logo img.resp {
    display: none;
  }
}
/* line 185, ../scss/index.scss */
.logo img.norm {
  display: none;
  width: 100%;
  height: 65px;
  margin-top: 75px;
  opacity: 0.7;
}
@media (min-width: 693px) {
  /* line 185, ../scss/index.scss */
  .logo img.norm {
    display: block;
  }
}
/* line 195, ../scss/index.scss */
.logo img.default {
  display: block;
  width: 100%;
  height: 65px;
  margin-top: 75px;
  opacity: 0.7;
}

/* line 203, ../scss/index.scss */
.name {
  display: block;
  width: 100%;
  height: 15px;
  margin-top: 17px;
  opacity: 0.7;
}

/* line 216, ../scss/index.scss */
.about .logo,
.photography .logo,
.contact .logo {
  height: 62px;
}
/* line 220, ../scss/index.scss */
.about .me,
.photography .me,
.contact .me {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
@media (min-width: 420px) {
  /* line 220, ../scss/index.scss */
  .about .me,
  .photography .me,
  .contact .me {
    width: 340px;
  }
}
@media (min-width: 900px) {
  /* line 220, ../scss/index.scss */
  .about .me,
  .photography .me,
  .contact .me {
    max-height: 550px;
    width: auto;
    float: right;
  }
}
/* line 238, ../scss/index.scss */
.about h1,
.photography h1,
.contact h1 {
  font-family: 'Droid Sans', sans-serif;
  font-size: 40px;
  color: #616161;
}
/* line 244, ../scss/index.scss */
.about p,
.photography p,
.contact p {
  font-family: 'Droid Sans', sans-serif;
  font-size: 18px;
  color: #616161;
}

/* line 251, ../scss/index.scss */
.social-menu-footer {
  text-align: center;
  width: 100%;
  height: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* line 257, ../scss/index.scss */
.social-menu-footer a {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
/* line 264, ../scss/index.scss */
.social-menu-footer a .fb,
.social-menu-footer a .tw,
.social-menu-footer a .in,
.social-menu-footer a .pi {
  display: block;
  width: 24px;
  height: 24px;
  background-position-x: center;
  background-position-y: center;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
}
/* line 273, ../scss/index.scss */
.social-menu-footer a .fb {
  background: url("../images/social/fb.svg");
}
/* line 276, ../scss/index.scss */
.social-menu-footer a .tw {
  background: url("../images/social/tw.svg");
}
/* line 279, ../scss/index.scss */
.social-menu-footer a .pi {
  background: url("../images/social/pi.svg");
}
/* line 282, ../scss/index.scss */
.social-menu-footer a .in {
  background: url("../images/social/in.svg");
}

/* line 289, ../scss/index.scss */
.photo {
  text-align: center;
  width: 100%;
  height: auto;
}
/* line 293, ../scss/index.scss */
.photo figure {
  position: relative;
  margin: 7px;
  display: inline-block;
  width: 300px;
  height: 200px;
  overflow: hidden;
}
/* line 300, ../scss/index.scss */
.photo figure img {
  width: 100%;
  transition: all 0.5s cubic-bezier(0.74, 0.53, 0.29, 1);
}
/* line 304, ../scss/index.scss */
.photo figure figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border: 3px solid white;
  color: white;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 15%;
  width: auto;
  height: auto;
  max-width: 80%;
  max-height: 80%;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.74, 0.53, 0.29, 1);
  cursor: pointer;
}
/* line 323, ../scss/index.scss */
.photo figure:hover img {
  transform: scale(1.1);
}
/* line 326, ../scss/index.scss */
.photo figure:hover figcaption {
  transform: translate(-50%, -50%) scale(1);
}

/* line 336, ../scss/index.scss */
.contact .banner {
  width: 100%;
  margin-bottom: 20px;
}
/* line 340, ../scss/index.scss */
.contact p {
  font-size: 14px;
  text-align: center;
}
/* line 346, ../scss/index.scss */
.contact input,
.contact textarea {
  border-radius: 0;
  border: 1px solid #676767;
}
/* line 350, ../scss/index.scss */
.contact textarea {
  min-height: 80px;
}
/* line 354, ../scss/index.scss */
.contact button {
  background-color: #88a39e;
  border-radius: 0;
  border: 0;
  font-family: 'Droid Sans', sans-serif;
  font-size: 15px;
  color: white;
}
/* line 361, ../scss/index.scss */
.contact button:hover {
  background-color: #bf9273;
  color: white;
}

/* line 369, ../scss/index.scss */
.fade-in {
  -webkit-animation: fadein 1.6s;
  -moz-animation: fadein 1.6s;
  -ms-animation: fadein 1.6s;
  -o-animation: fadein 1.6s;
  animation: fadein 1.6s;
}

/* line 376, ../scss/index.scss */
.fade-out {
  -webkit-animation: fadeout 1.6s;
  -moz-animation: fadeout 1.6s;
  -ms-animation: fadeout 1.6s;
  -o-animation: fadeout 1.6s;
  animation: fadeout 1.6s;
}

@keyframes fadein {
  /* line 384, ../scss/index.scss */
  from {
    opacity: 0;
  }

  /* line 385, ../scss/index.scss */
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  /* line 388, ../scss/index.scss */
  from {
    opacity: 0;
  }

  /* line 389, ../scss/index.scss */
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  /* line 392, ../scss/index.scss */
  from {
    opacity: 0;
  }

  /* line 393, ../scss/index.scss */
  to {
    opacity: 1;
  }
}

@-ms-keyframes fadein {
  /* line 396, ../scss/index.scss */
  from {
    opacity: 0;
  }

  /* line 397, ../scss/index.scss */
  to {
    opacity: 1;
  }
}

@-o-keyframes fadein {
  /* line 400, ../scss/index.scss */
  from {
    opacity: 0;
  }

  /* line 401, ../scss/index.scss */
  to {
    opacity: 1;
  }
}

@keyframes fadeout {
  /* line 404, ../scss/index.scss */
  from {
    opacity: 1;
  }

  /* line 405, ../scss/index.scss */
  to {
    opacity: 0;
  }
}

@-moz-keyframes fadeout {
  /* line 408, ../scss/index.scss */
  from {
    opacity: 1;
  }

  /* line 409, ../scss/index.scss */
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeout {
  /* line 412, ../scss/index.scss */
  from {
    opacity: 1;
  }

  /* line 413, ../scss/index.scss */
  to {
    opacity: 0;
  }
}

@-ms-keyframes fadeout {
  /* line 416, ../scss/index.scss */
  from {
    opacity: 1;
  }

  /* line 417, ../scss/index.scss */
  to {
    opacity: 0;
  }
}

@-o-keyframes fadeout {
  /* line 420, ../scss/index.scss */
  from {
    opacity: 1;
  }

  /* line 421, ../scss/index.scss */
  to {
    opacity: 0;
  }
}

/* line 425, ../scss/index.scss */
.hidden-gallery {
  display: none;
}