/* !Styles (Author: mail@jandousek.cz) */

/*
  Reset
  ***
*/

* {
  box-sizing: border-box;
}

/*
 Bodies
 ***
*/

html, body {
  min-height: 100vh;
  background-color: #fff;
}
body {
  font: 300 18px 'Mirai', Arial, Helvetica, sans-serif;
  color: #333;
}

/*
  Links
  ***
*/

a {
  color: #333;
}
a:hover {
  color: #222;
}

/*
  Format
  ***
*/

h1, h2, h3, h4, h5, h6, strong, b {
  font-weight: 500;
}

/*
  iframe
  ***
*/

iframe {
  display: block;
  margin: 32px auto;
}

/*
  label
  ***
*/

.label {
  position: relative;
  display: inline-block;
  padding: 2px 11px 2px 11px;
  background-color: #E54792;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  line-height: 2;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  color: #fff;
}

/* hover */

.label:hover {
  background-color: #222;
  color: #fff;
}

/*
  Arrow
  ---
*/

.label:before {
  content: '';
  width: 6px;
  height: 12px;
  position: absolute;
  left: 0;
  bottom: -3px;
  transform: skewY(-45deg);
  background-color: inherit;
}

/*
  site-card
  ***
*/

.site-card {
  width: 100%;
  display: table;
}
.site-card__inset {
  padding: 4%;
}
.site-card__inset__inset {
  max-width: 860px;
  margin: 0 auto;
}

/*
  logo
  ---
*/

.site-card__logo, 
.site-card__logo img {
  display: block;
}

/*
  motto
  ---
*/

.site-card__motto {
  max-width: 328px;
  margin-top: 16px;
  line-height: 1.4;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #E54792;
}

/*
  content
  ---
*/

.site-card__content {
  display: block;
}

/*
  contacts
  ---
*/

.site-card__contacts {
  margin: 48px 0 -24px 0;
  font-size: 0;
}
.site-card__contacts li {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin: 0 5% 24px 0;
  font-size: 18px;
}

/*
  LINK, SPAN
  ...
*/

.site-card__contacts li span, .site-card__contacts li a:last-child {
  display: block;
  line-height: 1.6;
}
.site-card__contacts li span {
  margin-top: 13px;
}
.site-card__contacts li a:last-child {
  margin-top: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 24px;
}

/*
  note
  ---
*/

.site-card__note {
  margin-top: 16px;
  line-height: 1.9;
  font-size: 14px;
}

/*
  ITALIC
  ---
*/

.site-card__address i {
  font-size: 90%;
}

/*
  site-people
  ***
*/

.site-people {
  width: 91%;
  margin: 48px -24px -24px 0;
  font-size: 0;
}
.site-people li {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  padding: 0 24px 24px 0;
  line-height: 1.7;
  text-align: center;
  font-style: italic;
  font-size: 16px;
}

/*
  IMG
  ---
*/

.site-people li img {
  display: block;
  margin: 0 auto 16px auto;
  border-radius: 50%;
}

/*
  BOLD
  ---
*/

.site-people li b {
  display: block;
  line-height: inherit;
  font-style: normal;
  font-size: 110%;
}

/*
  _ title
  ---
*/

.site-people___title {
  margin: 48px 0 -16px 0;
  font-weight: 700;
  font-size: 24px;
}

/*
  site-gallery
  ***
*/

.site-gallery {
  margin: 32px -12px -26px -12px;
  font-size: 0;
}

/*
  Item
  ---
*/

.site-gallery a {
  box-sizing: border-box;
  width: 25%;
  display: inline-block;
  padding: 0 12px 24px 12px;
}

/*
  _ title
  ---
*/

.site-gallery___title {
  margin: 48px 0 0 0;
  font-weight: 700;
  font-size: 24px;
}

/*
  site-format
  ***
*/

.site-format {
  margin: 42px 100px 0 32px; 
}

/*
  Titles
  ---
*/

.site-format h1, 
.site-format h2, 
.site-format h3 {
  margin: 42px 0 16px 0;
}
.site-format h1:first-child, 
.site-format h2:first-child, 
.site-format h3:first-child {
  margin-top: 0;
}
.site-format h1 {
  line-height: 1.3;
  font-size: 32px;
}
.site-format h2 {
  line-height: 1.35;
  font-size: 26px;
}
.site-format h3 {
  line-height: 1.4;
  font-size: 22px;
}

/*
  Blocks
  ---
*/

.site-format p {
  margin-bottom: 12px;
  line-height: 1.6;
}

/*
  Lists
  ---
*/

li {
  margin-bottom: 8px;
  line-height: 1.65;
}

/*
  Gaps
  ...
*/

li:last-child {
  margin-bottom: 0;
}

/*
  Wrappers
  ...
*/

ul,
ol {
  margin: 12px 0 16px 18px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin: 8px 0 8px 16px;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}