@charset "UTF-8";
/* Reset
***************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* Remember focus styles! */
:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/* HTML 5 elements as block */
header, footer, aside, nav, article {
  display: block;
}

/* Clearing Float
***************************************************************/
.group:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.zone:after, .widget-control:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.group {
  display: inline-block;
}

/* for IE/Mac */
/* General
***************************************************************/
/* Default font settings. 

The font-size 10px / 16px * 100% = 62.5% sets the base font to 10px 

0.6 em = 6 px = 60 % = 4.32 pt
0.7 em = 7 px = 70 % = 5.04 pt
0.8 em = 8 px = 80 % = 5.76 pt
0.9 em = 9 px = 90 % = 6.48 pt
1.0 em = 10 px = 100 % = 7.20 pt
1.1 em = 11 px = 110 % = 7.92 pt
1.3 em = 12 px = 120 % = 8.64 pt
1.4 em = 13 px = 130 % = 9.36 pt
1.5 em = 14 px = 140 % = 10.8 pt
1.6 em = 15 px = 150 % = 11.52 pt

i.e.
*/
body {
  /*line-height: 1;*/
  font-size: 62.5%;
  font-weight: 100;
}

@font-face {
  font-family: "SegoeUI";
  src: url("/fonts/SegoeUI-Light.eot");
  src: local("☺"), url("/fonts/SegoeUI-Light.woff") format("woff"), url("/fonts/SegoeUI-Light.ttf") format("truetype"), url("/fonts/SegoeUI-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MagistralC";
  src: url("/fonts/MagistralC.eot");
  src: local("☺"), url("/fonts/MagistralC.woff") format("woff"), url("/fonts/MagistralC.ttf") format("truetype"), url("/fonts/MagistralC.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "SegoeUI";
}

header {
  margin: 5em 0 0 0;
  width: 100%;
  background: white;
  font-family: "MagistralC";
}
header .site-logo {
  text-decoration: none;
  color: black;
}
header .header-title {
  padding: 0 10%;
  font-size: 8em;
  line-height: 60%;
}
header .header-subtitle {
  padding: 0 10%;
  font-size: 3em;
}
header .page-title {
  margin: 1em 0;
  padding: 0 10%;
  height: 1.2em;
  font-size: 3em;
  background-color: #888888;
  color: white;
  width: 100%;
}
header .dropdown {
  position: relative;
  display: block;
  float: right;
  box-shadow: 0 0 5px #a0a0a0;
  margin-right: 10%;
  cursor: pointer;
}
header .dropdown .dropdown-button {
  float: right;
  display: table;
  padding: 10px 10px 10px 20px;
}
header .dropdown .dropdown-button .menu-icon {
  display: block;
  height: 30px;
  float: right;
  margin-left: 20px;
}
header .dropdown .dropdown-button .menu-text {
  display: table-cell;
  vertical-align: middle;
  font-size: 2.66em;
}
header .dropdown .dropdown-menu {
  position: absolute;
  display: none;
  top: 100%;
  min-width: 100%;
  right: 0;
  padding: 0.6em 65px 2em 60px;
  font-size: 2.66em;
  z-index: 100;
  background-color: white;
  box-shadow: 0 0 5px #a0a0a0;
}
header .dropdown .dropdown-menu li {
  padding: 0.8em 0 0 0;
  text-align: right;
}
header .dropdown .dropdown-menu a {
  text-decoration: none;
  color: black;
}
header .dropdown .dropdown-menu a:hover {
  background: #a0a0a0;
}
header .dropdown:hover .dropdown-menu {
  display: block;
}

#content {
  height: 100%;
  min-height: 100%;
  margin: 0 10%;
}
#content #foto-block {
  width: 400px;
  height: 100%;
  min-height: 100%;
  float: left;
  margin-top: 0.5em;
}
#content #foto-block img {
  height: 100%;
  display: block;
}
#content #foto-block #liza-eshva-foto {
  margin-bottom: 0.5em;
  display: block;
}
#content #foto-block #matrix-top-row {
  display: flex;
  margin-bottom: 0.5em;
}
#content #foto-block #matrix-top-row #top-left {
  flex: 1 1 66%;
  margin-right: 0.5em;
}
#content #foto-block #matrix-top-row #top-right {
  flex: 1 1 33%;
}
#content #foto-block #matrix-bottom-row {
  display: flex;
}
#content #foto-block #matrix-bottom-row #bottom-left {
  flex: 1 1 33%;
  margin-right: 0.5em;
}
#content #foto-block #matrix-bottom-row #bottom-right {
  flex: 1 1 66%;
}
#content #foto-block #contacts {
  font-family: "MagistralC";
  margin-top: 1.5em;
  font-size: 2.66em;
  font-weight: 600;
  line-height: 150%;
  text-align: right;
}
#content #about-text {
  font-size: 2em;
  height: 100%;
  margin-left: calc(400px + 2em);
}
#content #about-text .entrance-text {
  font-family: MagistralC;
  font-size: 1.6em;
  margin-bottom: 0.8em;
}
#content #about-text h3 {
  font-family: MagistralC;
  font-size: 1.6em;
  margin-top: 0.7em;
  margin-bottom: 0.5em;
  line-height: 100%;
}
#content #about-text h4 {
  font-family: MagistralC;
  font-size: 1.2em;
  margin-top: 0.7em;
  margin-bottom: 0.5em;
  line-height: 100%;
}
#content #about-text ul {
  list-style-type: disc;
  list-style-position: inside;
}

.ig-b- {
  display: block;
  float: right;
  margin-top: 0.5em;
}

.ig-b- img {
  visibility: hidden;
}

.ig-b-:hover {
  background-position: 0 -60px;
}

.ig-b-:active {
  background-position: 0 -120px;
}

.ig-b-48 {
  width: 48px;
  height: 48px;
  background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ig-b-48 {
    background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png);
    background-size: 60px 178px;
  }
}
footer {
  font-size: 1.2em;
  background: #444444;
  color: white;
  margin-top: 2em;
  padding: 2em 10%;
}
footer .contacts {
  margin-bottom: 0.5em;
}

#fotowall {
  margin: calc(1em - 10px);
}

.foto {
  display: block;
}
.foto img {
  margin: 0;
  display: block;
  width: 100%;
}

/*# sourceMappingURL=site.css.map */