@charset "UTF-8";
@import url("http://fonts.googleapis.com/css?family=Roboto+Slab:400,300");
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* _mixins.scss */
/*
 * Position everything relatively to their parent elements
 * and normalise box-sizing that's especially inconsistent with
 * form elements.
 */
/* line 21, scss/main-style.scss */
* {
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 27, scss/main-style.scss */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 29, scss/main-style.scss */
html {
  overflow-x: hidden;
}

/* line 33, scss/main-style.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* line 38, scss/main-style.scss */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 44, scss/main-style.scss */
strong {
  font-weight: 400;
}

/* line 48, scss/main-style.scss */
body {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background-color: #f5f5f5;
  font-family: 'Roboto Slab', serif;
  line-height: 1.4;
  overflow-x: hidden;
}

/* line 58, scss/main-style.scss */
header {
  text-align: center;
  margin: 0 auto 45px;
}

/* line 63, scss/main-style.scss */
.div {
  right: 50%;
  text-align: center;
  margin-bottom: 30px;
}

/* line 69, scss/main-style.scss */
.inner {
  display: inline-block;
  margin-right: -100%;
  width: 600px;
  overflow: hidden;
}

/* line 77, scss/main-style.scss */
header img {
  margin: 0 5px;
  vertical-align: middle;
}

/* line 83, scss/main-style.scss */
.main {
  padding: 0 13px;
}

/* line 87, scss/main-style.scss */
.ie {
  display: none;
}

/* line 91, scss/main-style.scss */
.line {
  height: 3px;
  width: 100%;
  background-color: #000;
  margin-bottom: 35px;
}

/* line 98, scss/main-style.scss */
.center {
  text-align: center;
}

/* line 102, scss/main-style.scss */
.reduced, .tiny {
  -webkit-transition: all 0.2s 0s linear;
  -moz-transition: all 0.2s 0s linear;
  -ms-transition: all 0.2s 0s linear;
  -o-transition: all 0.2s 0s linear;
  transition: all 0.2s 0s linear;
  background-image: none;
}
/* line 105, scss/main-style.scss */
.reduced:hover, .tiny:hover {
  -webkit-transition: all 0.3s 0s linear;
  -moz-transition: all 0.3s 0s linear;
  -ms-transition: all 0.3s 0s linear;
  -o-transition: all 0.3s 0s linear;
  transition: all 0.3s 0s linear;
  height: 160px;
  width: 160px;
}

/* line 112, scss/main-style.scss */
.reduced {
  height: 72px;
  width: 72px;
}

/* line 117, scss/main-style.scss */
.tiny {
  display: none;
  height: 54px;
  width: 54px;
}

/* line 123, scss/main-style.scss */
.flowers, .cv {
  display: block;
  clear: both;
}

/* line 128, scss/main-style.scss */
.info {
  font-size: 0.7em;
}

/* line 132, scss/main-style.scss */
.left {
  text-align: left;
}

/* line 136, scss/main-style.scss */
.left img {
  height: 59px;
  margin: 0 5px;
}

/* line 141, scss/main-style.scss */
.right {
  text-align: right;
}

/* line 145, scss/main-style.scss */
.flowers {
  width: 300px;
}

/* line 149, scss/main-style.scss */
.flowers img {
  width: 46px;
  background-image: url("../imgs/flowers-bw.png");
}
/* line 152, scss/main-style.scss */
.flowers img:hover {
  background-image: url("../imgs/flowers-over.png");
}

/* line 157, scss/main-style.scss */
.flowers .info {
  margin-left: -13px;
}

/* line 161, scss/main-style.scss */
.video img {
  width: 69px;
  background-image: url("../imgs/piano.png");
}
/* line 164, scss/main-style.scss */
.video img:hover {
  background-image: url("../imgs/piano.png");
}

/* line 169, scss/main-style.scss */
.cv {
  float: right;
  right: 1px;
  display: block;
  width: 200px;
}

/* line 176, scss/main-style.scss */
.cv strong {
  margin: 0 13px 0 5px;
  float: right;
}

/* line 181, scss/main-style.scss */
.cv .info {
  margin: 5px 0 0;
}

/* line 185, scss/main-style.scss */
.return {
  color: #0f0f0f;
  font-size: 0.8em;
}
/* line 188, scss/main-style.scss */
.return:hover {
  color: #fff;
  background-color: #000;
}