/*#############################################################################
# VARIABLES                                                                   #
#############################################################################*/
/*#############################################################################
# MIXINS                                                                      #
#############################################################################*/
/* Example:
div.logo {
  background: image-url("logo.png") no-repeat;
  @include background-retina("logo2x.png", 100px, 25px);
}
*/
/*#############################################################################
# PLACEHOLDERS                                                                      #
#############################################################################*/
/* line 99, ../sass/_mixins.scss */
a, div#instafeed a.media div.media-info, div#instafeed a.media img {
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
  -o-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1);
  -webkit-transition-delay: 0s;
  transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
}

/* GROUP (CLEARFIX) */
/* line 7, ../sass/styles.scss */
.group:before,
.group:after {
  content: "";
  display: table;
}

/* line 12, ../sass/styles.scss */
.group:after {
  clear: both;
}

/* line 15, ../sass/styles.scss */
.group {
  *zoom: 1;
}

/*------------------*/
/* line 20, ../sass/styles.scss */
html {
  box-sizing: border-box;
}

/* line 24, ../sass/styles.scss */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/* line 30, ../sass/styles.scss */
a {
  color: #fe1778;
}
/* line 34, ../sass/styles.scss */
a:hover {
  color: #a20f4d;
}

/* line 41, ../sass/styles.scss */
[class^="icon-"], [class*=" icon-"] {
  height: 32px;
  width: 32px;
  display: inline-block;
  fill: currentColor;
}

/*------------------*/
/* line 50, ../sass/styles.scss */
body {
  background: url('/images/interface/color-bg.jpg?1462057543') repeat-x 0 0;
  padding-top: 50px;
  font-family: "futura-pt", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) {
  /* line 50, ../sass/styles.scss */
  body {
    background-image: url('/images/interface/color-bg@2x.jpg?1462057543');
    background-size: 267px 50px;
  }
}

/* line 58, ../sass/styles.scss */
section.wrapper {
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}
@media only screen and (min-width: 40.0625rem) {
  /* line 58, ../sass/styles.scss */
  section.wrapper {
    padding: 80px 0;
  }
}
/* line 67, ../sass/styles.scss */
section.wrapper.collapsed {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 73, ../sass/styles.scss */
div.row {
  max-width: 1200px;
  margin: 0 auto;
}

/* line 82, ../sass/styles.scss */
header#main {
  background: url('/images/interface/kim-de-sutter.jpg?1473192878') no-repeat 0 100%;
  max-width: 1200px;
  height: 910px;
  margin: 0 auto;
  padding: 20px 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) {
  /* line 82, ../sass/styles.scss */
  header#main {
    background-image: url('/images/interface/kim-de-sutter@2x.jpg?1473192839');
    background-size: 375px 562px;
  }
}
@media only screen and (min-width: 40.0625rem) {
  /* line 82, ../sass/styles.scss */
  header#main {
    background-size: 571px 856px;
    background-position: -40% 100%;
    height: 880px;
    padding: 150px 20px 40px;
  }
}
@media only screen and (min-width: 64.0625rem) {
  /* line 82, ../sass/styles.scss */
  header#main {
    background-position: 0 100%;
  }
}
/* line 101, ../sass/styles.scss */
header#main p {
  font-size: 20px;
}
/* line 104, ../sass/styles.scss */
header#main p:first-child {
  font-size: 28px;
}
@media only screen and (min-width: 40.0625rem) {
  /* line 101, ../sass/styles.scss */
  header#main p {
    font-size: 34px;
    padding-left: 50%;
  }
  /* line 112, ../sass/styles.scss */
  header#main p:first-child {
    font-size: 46px;
  }
}

/* line 119, ../sass/styles.scss */
ul.social {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  text-align: center;
}
/* line 126, ../sass/styles.scss */
ul.social li.network {
  margin-right: 15px;
  display: inline-block;
}
/* line 130, ../sass/styles.scss */
ul.social li.network.last, ul.social li.network:last-child {
  margin-right: 0;
}
/* line 134, ../sass/styles.scss */
ul.social li.network a {
  color: #262626;
}
/* line 138, ../sass/styles.scss */
ul.social li.network svg.icon {
  display: block;
}
@media only screen and (min-width: 40.0625rem) {
  /* line 138, ../sass/styles.scss */
  ul.social li.network svg.icon {
    width: 48px;
    height: 48px;
  }
}
/* line 147, ../sass/styles.scss */
ul.social li.network span.label {
  display: none;
}
/* line 155, ../sass/styles.scss */
ul.social li.network.network-youtube a:hover {
  color: #fe1778;
}
/* line 162, ../sass/styles.scss */
ul.social li.network.network-facebook a:hover {
  color: #008fc2;
}
/* line 169, ../sass/styles.scss */
ul.social li.network.network-instagram a:hover {
  color: #8b0088;
}
/* line 176, ../sass/styles.scss */
ul.social li.network.network-pinterest a:hover {
  color: #8dda34;
}
/* line 183, ../sass/styles.scss */
ul.social li.network.network-linkedin a:hover {
  color: #fac900;
}

/* line 191, ../sass/styles.scss */
div#instafeed {
  *zoom: 1;
}
/* line 38, ../../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
div#instafeed:after {
  content: "";
  display: table;
  clear: both;
}
/* line 194, ../sass/styles.scss */
div#instafeed a.media {
  display: block;
  width: 50vw;
  height: 50vw;
  overflow: hidden;
  position: relative;
  float: left;
}
@media only screen and (min-width: 40.0625rem) {
  /* line 194, ../sass/styles.scss */
  div#instafeed a.media {
    width: 25vw;
    height: 25vw;
  }
}
@media only screen and (min-width: 90.0625rem) {
  /* line 194, ../sass/styles.scss */
  div#instafeed a.media {
    width: 12.5vw;
    height: 12.5vw;
  }
}
/* line 212, ../sass/styles.scss */
div#instafeed a.media div.media-info {
  background-color: rgba(254, 23, 120, 0.75);
  color: #fff;
  opacity: 0;
  line-height: 50vw;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 40.0625rem) {
  /* line 212, ../sass/styles.scss */
  div#instafeed a.media div.media-info {
    line-height: 25vw;
  }
}
@media only screen and (min-width: 90.0625rem) {
  /* line 212, ../sass/styles.scss */
  div#instafeed a.media div.media-info {
    line-height: 12.5vw;
  }
}
/* line 233, ../sass/styles.scss */
div#instafeed a.media div.media-info span.media-info-item {
  display: inline-block;
  font-size: 22px;
  margin: 0 25px 0 0;
}
@media only screen and (min-width: 40.0625rem) {
  /* line 233, ../sass/styles.scss */
  div#instafeed a.media div.media-info span.media-info-item {
    font-size: 24px;
  }
}
@media only screen and (min-width: 64.0625rem) {
  /* line 233, ../sass/styles.scss */
  div#instafeed a.media div.media-info span.media-info-item {
    font-size: 28px;
    margin: 0 35px 0 0;
  }
}
/* line 247, ../sass/styles.scss */
div#instafeed a.media div.media-info span.media-info-item:last-child {
  margin-right: 0;
}
/* line 251, ../sass/styles.scss */
div#instafeed a.media div.media-info span.media-info-item svg.icon {
  height: 20px;
  width: 20px;
  margin: 0 6px -5px 0;
}
@media only screen and (min-width: 40.0625rem) {
  /* line 251, ../sass/styles.scss */
  div#instafeed a.media div.media-info span.media-info-item svg.icon {
    height: 25px;
    width: 25px;
  }
}
@media only screen and (min-width: 64.0625rem) {
  /* line 251, ../sass/styles.scss */
  div#instafeed a.media div.media-info span.media-info-item svg.icon {
    height: 30px;
    width: 30px;
  }
}
/* line 269, ../sass/styles.scss */
div#instafeed a.media img {
  display: block;
  width: 100%;
}
/* line 275, ../sass/styles.scss */
div#instafeed a.media:hover {
  opacity: 1;
}
/* line 278, ../sass/styles.scss */
div#instafeed a.media:hover div.media-info {
  opacity: 1;
}
/* line 282, ../sass/styles.scss */
div#instafeed a.media:hover img {
  transform: scale(1.1);
}