html  {
    font-size: 18px;
}
html.x-12 main > header > h1 > small {
    font-size: 21px;
}
html.x-15 main > header > h1 > small {
    font-size: 27px;
}
html.x-20 main > header > h1 > small {
    font-size: 32px;
}
.wip-page footer .avatar.size-lg {
    width: auto;
    height: auto;
    padding: 0.4em;
}
.wip-page footer .avatar.size-lg .icon {
    height: 1.5em;
    width: 1.5em;
}
.wip-page > div {
    min-height: 100vh;
}
.wip-page .title {
    padding: 7rem 0;
}
.wip-page .team {
    width: 100%;
}
.wip-page .row {
    position: relative;
}
.wip-page .it-hero-text-wrapper {
    max-width: 40rem;
}
.wip-page .logo {
    width: 2.3em;
}
.wip-page .logotipo {
    font-size: 1em;
}
.wip-page footer address {
    white-space: nowrap;
}
@media (max-width: 1199px) {
    .wip-page .it-hero-wrapper .img-responsive-wrapper {
        height: auto;
        bottom: 3rem;
        top: auto;
        padding-bottom: calc(90% - 10rem);
    }
    .wip-page .it-hero-wrapper .img-responsive-wrapper .img-responsive {
        position: absolute;
        width: 100%;
    }
    .wip-page .img-responsive-wrapper .img-responsive .img-wrapper img {
        object-position: 90% 0;
    }
    .wip-page .visually-sm-hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}
@media (max-width: 991px) {
    html.x-20 .wip-page .logo {
        width: 1.125em;
    }
    html.x-20 .wip-page .logotipo {
        font-size: .5em;
    }
}
@media (max-width: 767px) {
    .wip-page .it-hero-wrapper .img-responsive-wrapper {
        padding-bottom: 95%;
    }
}
@media (max-width: 575px) {
    .wip-page .it-hero-wrapper .img-responsive-wrapper {
        padding-bottom: 95%;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
    html.x-12 footer .extra-text,
    html.x-12 footer .avatar {
        font-size: 18px;
    }
    html.x-15 footer .extra-text,
    html.x-15 footer .avatar {
        font-size: 18px;
    }
    html.x-20 footer .extra-text,
    html.x-20 footer .avatar {
        font-size: 18px;
    }
    html  {
        font-size: 14px;
    }
    html.x-12 main > header > h1 > small {
        font-size: 16.8px;
    }
    html.x-15 main > header > h1 > small {
        font-size: 21px;
    }
    html.x-20 main > header > h1 > small {
        font-size: 25px;
    }
    .wip-page .it-hero-wrapper {
        max-width: none;
    }
    .wip-page .team {
        max-width: 100%;
    }
    .wip-page .title {
        padding: 5rem 0 7rem 0;
    }
}
@media (min-width: 1400px) {
    html.x-12 footer .extra-text,
    html.x-12 footer .avatar {
        font-size: 18px;
    }
    html.x-15 footer .extra-text,
    html.x-15 footer .avatar {
        font-size: 18px;
    }
    html.x-20 footer .extra-text,
    html.x-20 footer .avatar {
        font-size: 21px;
    }
}
@media (min-width: 1680px) {
    html  {
        font-size: 18px;
    }
    html.x-12 main > header > h1 > small {
        font-size: 21px;
    }
    html.x-15 main > header > h1 > small {
        font-size: 27px;
    }
    html.x-20 main > header > h1 > small {
        font-size: 32px;
    }
    .wip-page .team {
        max-width: 800px;
    }
}
@media (min-width: 1920px) {
    html.x-12 footer .extra-text,
    html.x-12 footer .avatar {
        font-size: 21px;
    }
    html.x-15 footer .extra-text,
    html.x-15 footer .avatar {
        font-size: 27px;
    }
    html.x-20 footer .extra-text,
    html.x-20 footer .avatar {
        font-size: 32px;
    }
}
@media (min-width: 3860px) {
    html  {
        font-size: 21px;
    }
    html.x-12 main > header > h1 > small {
        font-size: 25px;
    }
    html.x-15 main > header > h1 > small {
        font-size: 31.5px;
    }
    html.x-20 main > header > h1 > small {
        font-size: 38px;
    }
}