/*! WOLFISH HTML - Basic HTML/CSS/JS template with Bootstrap grid system | For Mobile Devices | Mateusz "michno" Michnowicz | mateusz.michnowicz@gmail.com !*/
@media (max-width: 768px) {
  .advantages-headline {
    margin-bottom: 1rem; }
  .advantages-image img {
    margin: 2rem auto; }
  .advantages-item h4 {
    margin-bottom: 0.5rem; }
  .advantages-item--long {
    min-height: auto; } }

@media (max-width: 992px) {
  .section {
    margin: 5rem 0; }
    .section-image img {
      margin: 2rem 0; }
    .section-image-desc {
      display: none; }
    .section .row-md-swap {
      flex-direction: column-reverse; }
    .section-promoinfo {
      flex-direction: column; }
      .section-promoinfo-image img {
        margin: 2rem 0; } }

@media (max-width: 992px) {
  .contact-box ul {
    flex-direction: column; }
    .contact-box ul li {
      padding: 2rem 1rem; }
  .contact-person-info {
    position: relative;
    right: auto; } }

@media (max-width: 768px) {
  .pricetable-static ul {
    flex-direction: column; } }

@media (max-width: 768px) {
  .target-list ul {
    justify-content: center; } }

@media (max-width: 768px) {
  .table {
    margin-top: 0; }
    .table-row {
      flex-direction: column; }
      .table-row-col {
        width: 100%; }
    .table--thead {
      display: none; }
    .table--tdesc {
      background: #50b209;
      color: #fff;
      margin-top: 2rem; }
    .table--item {
      border-right: 1px solid rgba(0, 141, 242, 0.2);
      padding: 0;
      /* 

            &:before {
                content: attr(data-info);
                background: rgba($primary,.2);
                width: 100%;
                font-weight: 700;
                padding: 0.5rem 0.25rem;
                margin-bottom: 0.5rem;
                font-size: 1.125rem;
                display: none;
            } */ }
      .table--item--long {
        padding-bottom: 0.5rem; }
        .table--item--long:before {
          content: attr(data-info);
          background: rgba(0, 141, 242, 0.1);
          width: 100%;
          font-weight: 700;
          padding: 0.5rem 0.25rem;
          margin-bottom: 0.5rem;
          font-size: 1.125rem; }
      .table--item span {
        padding: 0 0rem; }
      .table--item div {
        padding: 0 0rem 0rem;
        width: 100%; }
        .table--item div:before {
          content: attr(data-infomore);
          background-color: rgba(0, 141, 242, 0.1);
          background-image: url(./../img/chevron-down.svg);
          background-repeat: no-repeat;
          background-position: 95% center;
          width: 100%;
          font-weight: 700;
          padding: 1rem 1rem;
          margin-bottom: 0rem;
          font-size: 1.125rem;
          display: block; }
        .table--item div:hover {
          padding-bottom: 0.5rem; }
          .table--item div:hover:before {
            margin-bottom: 0.5rem;
            background-image: url(./../img/minus.svg);
            background-repeat: no-repeat;
            background-position: 95% center; }
          .table--item div:hover span, .table--item div:hover ul, .table--item div:hover small {
            display: block;
            padding: 0 1rem; }
          .table--item div:hover svg {
            display: block;
            margin: 0 auto 0rem;
            width: 40px;
            height: 40px; }
        .table--item div span, .table--item div ul, .table--item div small, .table--item div svg {
          display: none; } }

@media (max-width: 768px) {
  .topbar-info {
    padding: 0.75rem;
    display: flex;
    flex-direction: column; }
    .topbar-info span {
      font-size: 0.875rem;
      display: block;
      margin-bottom: 0.75rem; }
    .topbar-info a {
      font-size: 1rem;
      margin-left: 0; } }

@media (max-width: 768px) {
  .header {
    margin: 0 0 2rem; }
    .header .row {
      flex-direction: column-reverse; }
    .header-image {
      margin-top: 2.5rem; }
      .header-image img {
        max-width: 100%; }
    .header-content h2 {
      margin-top: 1rem;
      margin-bottom: 1rem;
      font-size: 2rem; }
    .header-content h3 {
      margin: 0;
      font-size: 1rem; }
    .header-content ol {
      margin-top: 1rem;
      flex-wrap: wrap;
      justify-content: center; }
      .header-content ol li {
        width: 50%; } }

@media (max-width: 768px) {
  .nav-menu ul {
    display: none; }
  .nav-menu ol {
    display: flex; } }

@media (max-width: 768px) {
  .footer {
    margin: 7.5rem 0 5rem; }
    .footer-about ul {
      margin-top: 1rem;
      flex-direction: column; }
      .footer-about ul li {
        padding: 0 0 1rem 0; } }

@media (max-width: 768px) {
  .mobilemenu {
    display: block; } }