/* @media screen and (min-resolution: 100dpi) {
    html {
        font-size: 90%;
    }
}
@media screen and (min-resolution: 150dpi) {
    html {
        font-size: 80%;
    }
}
@media screen and (min-resolution: 200dpi) {
    html {
        font-size: 70%;
    }
} */
@media (max-width: 1920px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1680px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1600px) {
     
}

@media (max-width: 1440px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1366px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 1280px) {
    html {
        font-size: 95%;
    }
}

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

@media (max-width: 1024px) {
    html {
        font-size: 60%;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 100%;
    }
    .container {
        padding-top: 3.125em;
        padding-bottom: 3.125em;
        padding-left: .56em;
        padding-right: .56em;
    }
    .row {
        position: static;
    }
    .col-sm {
        flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .col-sm-hidden {
        display: none;
    }
    .hidden_on_display {
        display: block;
    }
    .section__title {
        margin-bottom: 2rem;
        font-size: 1.5em;
    }
    .header {
        background: #000;
    }
    .header__logo {
        min-width: auto;
        width: 100%;
    }
    .nav-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.8125rem;
        height: 2.8125rem;
        margin-left: auto;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
    }
    .nav-toggle__wrap {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 1.2rem;
        height: 1rem;
    }
    .nav-toggle__wrap div {
        background: #fff;
        width: 100%;
        height: .125rem;
        transition: .25s ease;
    }
    .nav-toggle.active .nav-toggle__wrap {
        transform: translate(.15em);
    }
    .nav-toggle.active .nav-toggle__wrap div:nth-child(1) {
        transform-origin: left top;
        transform: rotate(45deg);
        width: 108%;
    }
    .nav-toggle.active .nav-toggle__wrap div:nth-child(2) {
        opacity: 0;
    }
    .nav-toggle.active .nav-toggle__wrap div:nth-child(3) {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        width: 108%;
    }
    .cookie-agreement .button {
        height: 3.5rem;
        text-align: center;
    }
    .header .container {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .header__border {
        display: none;
    }
    .header__menu {
        display: none;
    }
    .start {
        position: relative;
    }
    .start__background::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        pointer-events: none;
        z-index: 1;
    }
    .start .container {
        z-index: 2;
    }
    .start__title {
        font-size: 2.75em;
        text-align: center;
    }
    .start__subtitle {
        font-size: 1.75em;
        text-align: center;
    }
    .start__slider {
        height: auto;
    }
    .start__slider__head {
        flex-direction: column;
    }
    .start__slider__head__title {
        margin-bottom: 2rem;
    }
    .start__slider__head__border {
        display: none;
    }
    .start__slider__head__controls {
        margin-bottom: 2rem;
    }
    .start__slider__body {
        background: rgba(0,0,0,.5);
    }
    .projects .section__title {
        padding-right: 0;
    }
    .projects__text {
        padding-bottom: 5rem;
        padding-right: 0;
        font-size: 1.25em;
    }
    .projects__list__item:first-child {
        width: 100%;
    }
    .projects__list__item {
        width: 100%;
    }
    .skills__image img {
        transform: none;
    }
    .skills__list__item {
        width: 100%;
        margin-bottom: 8%;
        margin-right: 0;
    }
    .footer {
        padding-bottom: 0;
    }
    .footer .col-sm-12:nth-child(1) {
        order: 3;
    }
    .footer .col-sm-12:nth-child(2) {
        order: 2;
    }
    .footer .col-sm-12:nth-child(3) {
        order: 1;
    }
    .footer .col-sm-12:nth-child(4) {
        order: 4;
    }
    .footer__wrap {
        flex-direction: column;
    }
    .footer__menu {
        margin-bottom: 2rem;
    }
    .footer__contacts {
        margin-bottom: 2rem;
    }
    .footer__address {
        margin-bottom: 2rem;
    }
    .footer__address br {
        display: none;
    }
    .footer__logo {
        min-width: auto;
        width: 100%;
        margin-bottom: 2rem;
    }
    .copyright {
        margin-bottom: 1rem;
    }
    .footer__border span {
        width: 100%;
    }
    .footer__border{
        margin-bottom: 1rem;
    }
    .start_inner {
        height: auto;
    }
    .start_inner__background {
        display: none;
    }
    .start_inner .container {
        padding: 0;
    }
    .start_inner__header {
        flex-direction: column;
    }
    .start_inner__header__left {
        width: 100%;
        padding: 1.5em;
    }
    .start_inner__header__right {
        width: 100%;
        height: 9rem;
    }
    .start_inner__header__right__link {
        padding: 1.5em;
    }
    .uniblock__wrap {
        flex-direction: column;
    }
    .uniblock__title {
        width: 100%;
    }
    .uniblock__text {
        width: 100%;
    }
}

@media (max-width: 500px) {
    html {
        font-size: 100%;
    }
    .button {
        width: 100%;
    }
}

@media (max-width: 414px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 375px) {
    html {
        font-size: 100%;
    }
}

@media (max-width: 320px) {
    html {
        font-size: 60%;
    }
}

@media (max-height: 1100px) {
    .start_inner {
    height: 52vh;
    }
    .start_inner__background video {
    height: 52vh;
    }
}

@media (max-height: 768px) {
    .start_inner {
    height: 60vh;
    }
    .start_inner__background video {
    height: 60vh;
    }
}