@media (max-width: 1200px) {
    footer .btt-main {
        display: none;
    }
    footer .content {
        justify-content: center;
    }
    main .content {
        flex-direction: column;
    }
    main .content:not(:last-child) {
        margin-bottom: 4em;
    }
    main .content div:not(:first-child) {
        margin-top: 4em;
        margin-left: 0!important;
    }
    main .content .right-side,
    main .content .left-side,
    main .content .center-side,
    main .description {
        width: 70vw!important;
    }
    main h1 {
        font-size: 3em;
    }
    main h2 {
        font-size: 2em;
    }
    main span,
    .text-list,
    main .content .more {
        font-size: 1.1em;
    }
    main .content.left {
        flex-direction: column-reverse;
    }
    main .content.left :last-child {
        margin-top: 0em;
    }
    main .content.left div:not(:last-child) {
        margin-top: 4em;
        margin-left: 0;
    }
    main .projects .subtitle {
        max-width: none!important;
        text-align: left!important;
        left: 0!important;
    }
    main .projects .content {
        margin: 0;
    }
    main .projects .right .content {
        flex-direction: column-reverse;
    }
    main .projects .right .content div:not(:first-child) {
        margin: 0 0 4em 0!important;
    }
    main .projects .right .location {
        text-align: left;
    }
    #landing .title {
        font-size: 14vw;
        left: 50%;
        transform: translate(-50%, -100%);
        width: 100%;
        text-align: center;
    }
    .content.contacts {
        align-items: center;
    }
    .subtitle {
        width: 70vw;
    }
    .subtitle+.content {
        margin-top: 0;
    }
    .contacts span:not(.text) {
        text-align: center;
    }
    .content .socialMedia {
        justify-content: center;
    }
    .text-list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

@media (max-width: 959px) {
    .btt-main {
        font-size: 1.4em;
    }
    #landing .slogan {
        font-size: 3em;
        left: 5%;
        transform: translate(0%, -100%);
    }
    footer .content .info {
        flex-direction: column-reverse;
        text-align: center;
    }
    footer .footer_logo {
        margin: 5em 0 0 0;
        height: 10em;
    }
    footer .btt-main {
        display: none;
    }
    main h1 {
        font-size: 1.6em;
    }
    nav .logo {
        height: 3em;
    }
    #navbar .menu span {
        display: none;
    }
    #menu .list {
        margin: 0;
        align-items: center;
        width: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
        line-height: calc(var(--vh, 1vh) * 8);
    }
    #menu .list li {
        font-size: 2.4em;
    }
    #menu .listCover {
        display: none;
    }
    #menu .btt-main {
        display: none;
    }
    #menu .socialMedia {
        left: 50%;
        transform: translate(-50%, -100%);
    }
}

@media (max-width: 550px) {
    #landing .slogan {
        font-size: 10vw;
        left: 5%;
        transform: translate(0%, -100%);
    }
}