.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; 
}


@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;
     }

     .logoAside .bar {
          max-width: 50%;
     }

     .video__cont {
          position: relative;
     }

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


}


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



     .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;
     }
}