.bar__name {
    padding-left: 0px;
}


.page2 .page__content > aside {
    margin: 0px;
}


.page2__footer {
    position: static;
}

main {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


.aboutWMW  .page {
   overflow-x: hidden;
   padding: 0px 5px;
}

.page2 {
    flex: 1;
}

.logoAside {
    max-width: 20%;
    margin: 0px 2.5%;
    position: fixed;
    top: 75px;
    left: 15px;
    z-index: 1;
    padding: 0px 10px;
}

.page2__content {
   max-width: 75%;
   margin: 60px 5% !important;
   margin-left: 22% !important;
}

.textBlock .text > * {
    margin-top: 25px;
}

.textBlock .text {
    font-size: 1.15rem;
}

.text .question {
    font-size: 1.25rem;
}

.page2 .page__content {
    align-items: center;
}

.textBlock {
    max-width: 100%;
}

.logoAside .bar__name {
    font-size: 2rem;
}


.searchButtons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchButtons > div {
    margin: auto 15px;
}

.video__cont {
   margin: auto;
   margin-top: 5px; 
}

.bar__image--underline {
    position: relative;
}

.bar__image--underline:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 75%;
    margin: auto;
    border-bottom: 1px solid #551525;
}

.mwm__mwmLogoCont {
    max-width: 350px;
    margin-top: 20px;
}

.mwm__text {
    max-width: 750px;
    margin: auto;
}

.mwm__qrBlock {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.mwm__qrBlock a {
    border-radius: 5px;
    overflow: hidden;
}

.mwm__qrBlock img {
    max-width: 100%;
    max-height: 100%;
}


@media (max-width: 800px){
    .page__content {
         flex-wrap: wrap;
    }

    .page2__content,
    .logoAside{
         width: 100%;
         max-width: 100%;
    }

    .logoAside {
         width: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-wrap: nowrap;
    }


    .video__cont {
         position: relative;
    }

    .video__controls {
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         margin: auto;
    }


    .mwm__mwmLogoCont {
        max-width: 275px;
    }

    .textBlock .text > * {
        margin-top: 0px;
    }


}


@media (max-width: 800px) {
    .logoAside .bar .bar__name {
         padding-left: 0px;
         font-size: 1.5rem;
         margin: 14px auto 4px;
    }

    .bar__image {
        text-align: center;
    }


    .bar__image img {
        max-width: 195px;
    }


    .page2 .page__content > aside.logoAside {
         margin-top: 75px;
         flex-wrap: wrap;
         justify-content: center;
         position: static;
         max-width: 350px;
    }
    .page2__content {
         width: 100%;
         margin: 60px 5% !important;
         margin-top: 35px !important;
    }
    .logoAside .bar {
         width: 100%;
    }

    .page2 {
         padding: 0 2.5%;
    }

}


@media (max-width: 500px){
    .footer__text {
         font-size: 14px;
    }
}