html {
  font-size: 12pt; }
  html * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Montserrat; }

body:after {
  content: url("../images/tl.jpg") url("../images/bed01.jpg") url("../images/fed01.jpg") url("../images/pm.jpg") url("../images/fed02.jpg") url("../images/bed02.jpg");
  display: none; }

.wrapper {
  display: flex;
  display: -webkit-flex;
  flex-direction: column; }

.text {
  font-size: 1rem;
  letter-spacing: 0.075rem;
  line-height: 1.35; }

.text_uppercased {
  font-size: 1rem;
  letter-spacing: 0.075rem;
  line-height: 1.35;
  text-transform: uppercase; }

.text_main-heading {
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 0.25rem; }

.text_main-heading_uppercased {
  font-size: 3rem;
  letter-spacing: 0.25rem;
  text-transform: uppercase; }

.text_second-heading {
  font-size: 1.5rem;
  letter-spacing: 0.125rem; }

.text_third-heading {
  font-size: 1.2rem;
  letter-spacing: 0.1rem; }

.text_third-heading_underlined {
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  display: inline-block;
  border-bottom: 1px solid #56565a; }

.text_mini {
  font-size: 0.9rem;
  letter-spacing: 0.075rem;
  line-height: 1.5; }

.text_micro {
  font-size: 0.7rem;
  letter-spacing: 0.075rem;
  line-height: 1.5; }

.text_big {
  font-size: 1.1rem;
  letter-spacing: 0.075rem;
  line-height: 1.35; }

header {
  background-color: #2c3e50;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100; }

.header__logo {
  float: left;
  color: #ffffff;
  font-size: 1.5rem;
  padding: 1rem 0;
  margin: 0 2rem; }
  .header__logo a {
    text-decoration: none;
    color: #ffffff; }

.header__element {
  float: right;
  margin-right: 1.5rem; }

.nav-menu {
  padding: 1rem;
  position: relative;
  z-index: 150; }

.nav-menu__item {
  list-style-type: none;
  display: inline-block;
  text-align: center; }

.nav-menu__link {
  display: block;
  width: 10rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 5rem;
  text-decoration: none;
  color: #ffffff;
  transition: color 0.5s ease-in, background-color 0.5s ease-in; }
  .nav-menu__link:hover {
    background: #18bc9c; }

@media (max-width: 860px) {
  .nav-menu__link {
    display: none; } }

.nav-menu__link_active {
  display: block;
  width: 8rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 5rem;
  text-decoration: none;
  color: #2c3e50;
  background: #18bc9c;
  transition: color 0.5s ease-in, background-color 0.5s ease-in; }
  .nav-menu__link_active:hover {
    color: #2c3e50;
    background: #18bc9c; }

.nav-menu__menu-button {
  cursor: pointer;
  position: fixed;
  width: 4rem;
  top: 1rem;
  right: 1rem;
  z-index: 100;
  display: none; }
  .nav-menu__menu-button path {
    stroke-width: 50;
    stroke-linecap: round;
    stroke: #ffffff;
    fill: none;
    transition: stroke-dashoffset .5s ease-in-out; }
  .nav-menu__menu-button__top_bar, .nav-menu__menu-button__bottom_bar {
    stroke-dasharray: 240px 910px; }
  .nav-menu__menu-button__middle_bar {
    stroke-dasharray: 240px 240px; }
  .nav-menu__menu-button_open .nav-menu__menu-button__top_bar,
  .nav-menu__menu-button_open .nav-menu__menu-button__bottom_bar {
    stroke-dashoffset: -650px; }
  .nav-menu__menu-button_open .nav-menu__menu-button__middle_bar {
    stroke-dasharray: 0px 220px;
    stroke-dashoffset: -120px; }
  .nav-menu__menu-button:hover path {
    stroke: #2c3e50; }

@media (max-width: 860px) {
  .nav-menu__menu-button {
    display: block; } }

.vertical-menu {
  width: 100%;
  position: fixed;
  z-index: 50;
  top: -16.5rem;
  right: 0;
  background: #2c3e50; }
  .vertical-menu__showed {
    top: 4.5rem;
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out; }

.vertical-menu__item {
  list-style: none;
  display: block; }

.vertical-menu__link {
  display: block;
  font-size: 1.35rem;
  text-decoration: none;
  height: 4rem;
  width: 100%;
  line-height: 4rem;
  padding: 0 2.5rem;
  background-color: #2c3e50;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  -ms-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  transition: background-color 0.3s ease-in, color 0.3s ease-in; }
  .vertical-menu__link:hover {
    background-color: #4a6886; }

.row {
  background-color: #18bc9c;
  text-align: center;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-direction: column; }

.row_fullsize {
  background-color: #18bc9c;
  text-align: center;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  min-height: 100vh;
  flex-direction: column; }
  .row_fullsize_theme-white {
    background: #ffffff;
    text-align: center;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    min-height: 100vh;
    flex-direction: column; }
    .row_fullsize_theme-white .row__header h1, .row_fullsize_theme-white .row__header h2, .row_fullsize_theme-white .row__header h3, .row_fullsize_theme-white .row__header p, .row_fullsize_theme-white .row__header span {
      color: #2c3e50; }

.row_theme-white {
  background-color: #ffffff;
  text-align: center;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-direction: column; }
  .row_theme-white .row__header h1,
  .row_theme-white .row__header h2,
  .row_theme-white .row__header h3,
  .row_theme-white .row__header p,
  .row_theme-white .row__header span {
    color: #2c3e50; }
  .row_theme-white_fullsize {
    min-height: 100vh;
    background-color: #ffffff;
    text-align: center;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    flex-direction: column; }

.row__header {
  padding: 6rem 0 1rem 0;
  margin: 0;
  color: #ffffff; }

.row__inner {
  padding: 1rem 1rem 4rem;
  width: 100%; }

.row__inner_flex {
  width: 100%;
  min-height: calc(100vh - 15rem);
  display: flex;
  justify-content: center;
  align-items: center; }

.mosaic {
  text-align: center;
  width: 100%;
  height: auto;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 1.5rem 0; }

.mosaic__item {
  width: 24rem;
  margin: 0.5rem 1.5rem 2rem; }
  .mosaic__item_width-anim {
    width: 24rem;
    margin: 0.5rem 1.5rem 2rem;
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out; }
    .mosaic__item_width-anim:hover {
      margin: 0.5rem calc(1.5rem - 20px) 2rem;
      width: calc(24rem + 20px); }

@media (max-width: 1200px) {
  .mosaic__item {
    width: 28rem; } }

@media (max-width: 860px) {
  .mosaic__item {
    width: 24rem; } }

@media (max-width: 768px) {
  .mosaic__item {
    width: 28rem; } }

.img-switch:nth-child(1) .tile__header {
  background: url("../images/tl.jpg") no-repeat 50% 50%;
  background-size: cover;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%); }

.img-switch:nth-child(1):hover .tile__header {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); }

.img-switch:nth-child(2) .tile__header {
  background: url("../images/bed01.jpg") no-repeat 50% 50%;
  background-size: cover;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%); }

.img-switch:nth-child(2):hover .tile__header {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); }

.img-switch:nth-child(3) .tile__header {
  background: url("../images/fed01.jpg") no-repeat 50% 50%;
  background-size: cover;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%); }

.img-switch:nth-child(3):hover .tile__header {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); }

.img-switch:nth-child(4) .tile__header {
  background: url("../images/pm.jpg") no-repeat 50% 50%;
  background-size: cover;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%); }

.img-switch:nth-child(4):hover .tile__header {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); }

.img-switch:nth-child(5) .tile__header {
  background: url("../images/fed02.jpg") no-repeat 50% 50%;
  background-size: cover;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%); }

.img-switch:nth-child(5):hover .tile__header {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); }

.img-switch:nth-child(6) .tile__header {
  background: url("../images/bed02.jpg") no-repeat 50% 50%;
  background-size: cover;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%); }

.img-switch:nth-child(6):hover .tile__header {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); }

.img-switch:nth-child(7) .tile__header {
  background: url("../images/people.jpeg") no-repeat 50% 50%;
  background-size: cover;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%); }

.img-switch:nth-child(7):hover .tile__header {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); }

.img-switch:nth-child(8) .tile__header {
  background: url("../images/people.jpeg") no-repeat 50% 50%;
  background-size: cover;
  filter: grayscale(90%);
  -webkit-filter: grayscale(90%); }

.img-switch:nth-child(8):hover .tile__header {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); }

.screen-switch:nth-child(1) .tile__header {
  background: url("../images/noimg.jpg") no-repeat 50% 50%;
  background-size: cover; }

.screen-switch:nth-child(1):hover .tile__header {
  background: url("../images/noimg.jpg") no-repeat 50% 50%;
  background-size: cover; }

.screen-switch:nth-child(2) .tile__header {
  background: url("../images/noimg.jpg") no-repeat 50% 50%;
  background-size: cover; }

.screen-switch:nth-child(2):hover .tile__header {
  background: url("../images/noimg.jpg") no-repeat 50% 50%;
  background-size: cover; }

.screen-switch:nth-child(3) .tile__header {
  background: url("../images/weclub.png") no-repeat 50% 50%;
  background-size: cover; }

.screen-switch:nth-child(3):hover .tile__header {
  background: url("../images/weclub.png") no-repeat 50% 50%;
  background-size: cover; }

.screen-switch:nth-child(4) .tile__header {
  background: url("../images/ohdontfog.png") no-repeat 50% 50%;
  background-size: cover; }

.screen-switch:nth-child(4):hover .tile__header {
  background: url("../images/ohdontfog.png") no-repeat 50% 50%;
  background-size: cover; }

.tile {
  display: flex;
  flex-direction: column;
  min-height: 40rem;
  cursor: pointer; }
  .tile:hover .tile__header {
    background: url("../images/personal.png") no-repeat 50% 50%;
    background-size: cover; }

@media (max-width: 1200px) {
  .tile {
    min-height: 46rem; } }

@media (max-width: 680px) {
  .tile {
    min-height: 40rem; } }

@media (max-width: 480px) {
  .tile {
    min-height: 25rem; } }

.tile_100perc {
  margin: 2.5rem;
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.tile_switch-colors {
  display: flex;
  flex-direction: column;
  min-height: 30rem;
  cursor: pointer;
  background: #2c3e50; }
  .tile_switch-colors .tile__body,
  .tile_switch-colors .tile__footer {
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    background: #2c3e50;
    color: #ffffff; }
  .tile_switch-colors .tile__hr {
    transition: background-color 0.3s ease-in-out;
    background: rgba(255, 255, 255, 0.125); }
  .tile_switch-colors .tile__link {
    color: #ffffff; }
  .tile_switch-colors .contact-icons__item {
    margin: 0; }
    .tile_switch-colors .contact-icons__item > * {
      margin: 0.5rem; }
  .tile_switch-colors .contact-icons__svg_with-border {
    fill: #ffffff;
    border-color: #ffffff; }
  .tile_switch-colors:hover {
    background: #ffffff; }
    .tile_switch-colors:hover .tile__body,
    .tile_switch-colors:hover .tile__footer {
      background: #ffffff;
      color: #56565a; }
    .tile_switch-colors:hover .tile__hr {
      background: rgba(86, 86, 90, 0.25); }
    .tile_switch-colors:hover .tile__link {
      color: #56565a; }
    .tile_switch-colors:hover .contact-icons__svg_with-border {
      fill: #56565a;
      border-color: #56565a; }
      .tile_switch-colors:hover .contact-icons__svg_with-border:hover {
        fill: #8c8c92;
        border-color: #8c8c92; }

@media (max-width: 1200px) {
  .tile_switch-colors {
    min-height: 35rem; } }

@media (max-width: 680px) {
  .tile_switch-colors {
    min-height: 30rem; } }

@media (max-width: 480px) {
  .tile_switch-colors {
    min-height: 25rem; } }

.tile_switch-colors-rev {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 30rem;
  background: #2c3e50;
  cursor: pointer; }
  .tile_switch-colors-rev .tile__header {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: none; }
  .tile_switch-colors-rev .tile__body,
  .tile_switch-colors-rev .tile__footer {
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    background: #2c3e50;
    color: #ffffff; }
  .tile_switch-colors-rev .tile__hr {
    transition: background-color 0.3s ease-in-out;
    background: rgba(255, 255, 255, 0.125); }
  .tile_switch-colors-rev .tile__link {
    color: #ffffff; }
  .tile_switch-colors-rev:hover {
    background: #18bc9c; }
    .tile_switch-colors-rev:hover .tile__body,
    .tile_switch-colors-rev:hover .tile__footer {
      background: #18bc9c;
      color: #ffffff; }

@media (max-width: 1200px) {
  .tile_switch-colors-rev {
    min-height: 35rem; } }

@media (max-width: 680px) {
  .tile_switch-colors-rev {
    min-height: 30rem; } }

@media (max-width: 481px) {
  .tile_switch-colors-rev {
    min-height: 25rem; } }

.tile__header {
  background: url("../images/personal.png") no-repeat 50% 50%;
  background-size: cover;
  display: block;
  width: 100%;
  min-height: 17rem;
  position: relative;
  transition: filter .2s ease-in-out, background-image .2s ease-in-out;
  -webkit-transition: filter .2s ease-in-out, background-image .2s ease-in-out;
  display: flex;
  padding: 0.5rem 1rem;
  color: #2c3e50;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end; }

@media (max-width: 1200px) {
  .tile__header {
    min-height: 19rem; } }

.tile__body {
  font-size: 1.2rem;
  padding: 1rem;
  background: #ffffff;
  color: #56565a;
  flex-grow: 1;
  text-align: left;
  overflow: hidden; }
  .tile__body > * {
    margin: 0.5rem 0; }
  .tile__body .large-margin {
    margin: 0.5rem 0 1rem; }

.tile__body_dark {
  font-size: 1.2rem;
  padding: 1rem;
  background: #56565a;
  color: #ffffff;
  flex-grow: 1;
  text-align: left;
  overflow: hidden; }
  .tile__body_dark > * {
    margin: 0.5rem 0; }
  .tile__body_dark .large-margin {
    margin: 0.5rem 0 1rem; }

.tile__body_green {
  font-size: 1.2rem;
  padding: 1rem;
  background: #18bc9c;
  color: #ffffff;
  flex-grow: 1;
  text-align: left;
  overflow: hidden; }
  .tile__body_green > * {
    margin: 0.5rem 0; }
  .tile__body_green .large-margin {
    margin: 0.5rem 0 1rem; }

.tile__footer {
  padding: 0 1rem;
  background: #ffffff;
  color: #56565a;
  min-height: 5%;
  text-align: left;
  overflow: hidden; }
  .tile__footer > * {
    margin: 0 0 1rem; }

.tile__body_transparent {
  font-size: 1.2rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.4);
  color: #56565a;
  flex-grow: 1;
  text-align: left;
  overflow: hidden; }
  .tile__body_transparent > * {
    margin: 0.5rem 0; }
  .tile__body_transparent .large-margin {
    margin: 0.5rem 0 1rem; }

.tile__link {
  color: #56565a; }

.tile__corner-element {
  position: absolute;
  bottom: 0;
  right: 1rem;
  z-index: 10; }

@media (max-width: 768px) {
  .js_hidden-el {
    min-height: 25rem !important; }
    .js_hidden-el.tile_switch-colors .tile__body,
    .js_hidden-el.tile_switch-colors .tile__footer {
      background: #2c3e50;
      color: #ffffff; }
    .js_hidden-el.tile_switch-colors-rev .tile__body,
    .js_hidden-el.tile_switch-colors-rev .tile__footer {
      background: #2c3e50;
      color: #ffffff; }
    .js_hidden-el_clicked.tile_switch-colors {
      min-height: 30rem !important; }
      .js_hidden-el_clicked.tile_switch-colors.tile_switch-colors .tile__body,
      .js_hidden-el_clicked.tile_switch-colors.tile_switch-colors .tile__footer {
        background: #ffffff;
        color: #56565a; }
      .js_hidden-el_clicked.tile_switch-colors.tile_switch-colors-rev .tile__body,
      .js_hidden-el_clicked.tile_switch-colors.tile_switch-colors-rev .tile__footer {
        background: #18bc9c;
        color: #ffffff; } }

.vertical-icons-list {
  list-style: none; }

.vertical-icons-list__item {
  margin-bottom: 0.5rem; }
  .vertical-icons-list__item:last-child {
    margin-bottom: 0; }

.vertical-icons-list__link {
  display: block;
  width: 3rem;
  height: 3rem;
  padding: 0.25rem;
  border: 1px solid #2c3e50;
  border-radius: 50%; }
  .vertical-icons-list__link:hover {
    border-color: #4a6886;
    background: rgba(255, 255, 255, 0.3); }
    .vertical-icons-list__link:hover > * {
      fill: #4a6886; }

.vertical-icons-list__link_white {
  display: block;
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  border: 1px solid #ffffff;
  border-radius: 50%; }
  .vertical-icons-list__link_white:hover {
    border-color: #2c3e50;
    background: rgba(255, 255, 255, 0.5); }
    .vertical-icons-list__link_white:hover > * {
      fill: #2c3e50; }

.vertical-icons-list__svg {
  width: 100%;
  height: 100%;
  fill: #2c3e50; }

.vertical-icons-list__svg_white {
  width: 100%;
  height: 100%;
  fill: #ffffff; }

.list {
  margin-left: 1.5rem; }

.list_no-marker {
  margin-left: 0.5rem;
  list-style: none; }

.icons {
  margin: 0 1rem 1rem 0; }

.icons__item {
  display: inline-block;
  margin: 0 0.5rem; }
  .icons__item:first-child {
    margin-right: 0; }
  .icons__item:last-child {
    margin-left: 0; }

.icons__svg {
  pointer-events: none; }

.contact-icons {
  margin: 0 1rem;
  padding: 0;
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start; }
  .contact-icons li {
    margin-right: 1rem; }
    .contact-icons li:last-child {
      margin-right: 0; }

@media (max-width: 980px) {
  .contact-icons {
    margin: 0 0.5rem; } }

.contact-icons_vertical {
  margin: 0 1rem;
  padding: 0;
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start; }
  .contact-icons_vertical li {
    margin-bottom: 1.5rem; }

@media (max-width: 980px) {
  .contact-icons_vertical {
    margin: 0 0.5rem; } }

.contact-icons__item {
  list-style: none;
  padding: 0;
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  .contact-icons__item > * {
    margin-right: 2rem; }
    .contact-icons__item > *:last-child {
      margin-right: 0; }

@media (max-width: 480px) {
  .contact-icons__item > * {
    margin-right: 1.5rem; }
    .contact-icons__item > *:last-child {
      margin-right: 0; } }

.contact-icons__svg {
  display: inline-block;
  fill: #56565a;
  width: 2rem;
  height: 2rem; }

.contact-icons__svg_with-border {
  position: relative;
  display: inline-block;
  fill: #56565a;
  border: 1px solid #56565a;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  padding: 0.5rem; }
  .contact-icons__svg_with-border:hover {
    fill: #8c8c92;
    border-color: #8c8c92; }

.tools-list__item {
  position: relative;
  display: inline-block;
  width: 16rem;
  height: 16rem;
  margin: 1rem 3rem; }
  .tools-list__item svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #18bc9c; }
  .tools-list__item div {
    margin: 4rem;
    width: 50%;
    height: 50%;
    background: #2c3e50;
    border-radius: 100%; }
  .tools-list__item p {
    position: absolute;
    left: 0;
    top: 7rem;
    display: block;
    width: 100%;
    height: 2rem;
    color: #ffffff;
    line-height: 2rem;
    font-size: 1.5rem;
    text-shadow: 0px 0px 3px #000000; }

.footer-inner {
  -webkit-display: flex;
  -ms-display: flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end; }

@media (max-width: 480px) {
  .footer-inner {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start; } }

.works-img {
  background: url("../images/Works-paceholder.jpg") no-repeat 50% 50% !important; }

@media (max-width: 768px) {
  .mobile-toggle {
    display: none; }
  .mobile-show {
    display: block; } }

._no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

._with-title {
  position: relative; }
  ._with-title:hover:after {
    content: attr(data-title);
    display: inline-block;
    white-space: nowrap;
    padding: 0 0.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 0.9rem;
    position: absolute;
    top: -1.25rem;
    right: 0;
    color: #56565a;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 2.5rem;
    z-index: 100; }

@media (max-width: 1200px) {
  html {
    font-size: 10pt; } }

@media (max-width: 768px) {
  html {
    font-size: 8pt; } }


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