@media screen and (max-width: 1720px) {

body {font-size: 19px;}
.centered {width: 1420px; margin: 0 auto; position: relative;}
#topBody > div:first-child {width: 330px;}
#topBody > div:first-child img {height: 88px;}
#topBody > div:last-child {width: calc(100% - 330px); padding-left: 64px; padding-top: 16px;}
#mpBlock1Body > div {padding-top: 200px; padding-bottom: 72px;}
#mpBlock1Body > div:first-child {width: calc(55% - 10px); padding-right: 64px; margin-right: 10px;} 
#mpBlock1Body > div:last-child {width: calc(45% - 10px); margin-left: 10px;}
.txt h1 {font-size: 52px;}
.mpBlock1DashboardEl {padding: 24px;}
.mpBlock1DashboardEl > p:first-child {font-size: 72px;}
#mpBlock1Body > div:first-child .txt p {font-size: 19px;}
.marginTop-80 {margin-top: 72px;}
#mpBlock1 {margin-top: -128px;}
/*#mpBlockServers {overflow-x: hidden;}*/
#mpBlockServers > img {display: block; width: 2080px; height: auto; position: absolute; top: -100px; left: 50%; margin-left: -1040px;}
.txt h2 {font-size: 38px;}
.txt h3 {font-size: 30px;}
#mpAbout {background: url('../img/fog.png') no-repeat; background-position: 50% 100%; background-size: cover;}
#footerTop > div:first-child {width: 330px;}
#footerTop > div:nth-child(2) {width: calc(100% - (330px + 215px));}



}

@media screen and (max-width: 1480px) {
  
.centered {width: 100%; margin: 0 auto; padding: 0 56px; position: relative;}
#topBody > div:first-child {width: 270px;}
#topBody > div:first-child img {height: 72px;}
#topBody > div:last-child {width: calc(100% - 270px); padding-left: 48px; padding-top: 10px;}
.txt h1 {font-size: min(max(40px, calc(2.5rem + (48 - 40) * ((100vw - 320px) / (1480 - 320)))), 48px); min-height: 0vw;}
#mpBlock1Dashboard > div:first-child {width: 100%; margin-right: 0px;}
#mpBlock1Dashboard > div:last-child {width: 100%; margin-left: 0px; margin-top: 20px;}
#mpBlock1Body > div:first-child {width: calc(70% - 10px); padding-right: 48px; margin-right: 10px;} 
#mpBlock1Body > div:last-child {width: calc(30% - 10px); margin-left: 10px;}
#mpBlock1DashboardVideo > div:first-child {display: none;}
#mpBlock1Body > div:first-child h1 {width: 90%;}
#mpBlock1 {margin-top: -112px;}
.txt h2 {font-size: min(max(32px, calc(2rem + (36 - 32) * ((100vw - 320px) / (1480 - 320)))), 36px); min-height: 0vw;}
.marginTop-100 {margin-top: 88px;}
.marginTop-120 {margin-top: 100px;}
.txt h3 {font-size: min(max(26px, calc(1.625rem + (30 - 26) * ((100vw - 320px) / (1480 - 320)))), 30px); min-height: 0vw;}
#mpPromo {width: calc(100% - 112px); margin-left: 56px;}
.columns-2-68 > div:first-child {width: 60%;}
.columns-2-68 > div:last-child {width: 40%;}
.columns-2-68 > div:first-child .txt {width: 70%;}
#thesis > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;}
#thesis > div:nth-child(-n+4) {margin-top: 20px;}
#thesis > div:nth-child(4n+1) {margin-left: 20px;}
#thesis > div:nth-child(-n+3) {margin-top: 0px;}
#thesis > div:nth-child(3n+1) {margin-left: 0px;}
.padding-120 {padding: 100px 0;}
.block:last-child {padding-bottom: 100px;}
#footerTop > div:first-child {width: 270px; padding-right: 20px;}
#footerTop > div:nth-child(2) {width: calc(100% - (270px + 215px));}
#footerTopMenu > li a, #footerTopMenu > li a:visited {font-size: 19px;}

}

@media screen and (max-width: 1320px) {

.blockTop > div:first-child {width: calc(65% - 10px);}
.blockTop > div:last-child {width: calc(35% - 10px); margin-left: 10px;}
.marginTop-56 {margin-top: 48px;}
#mpBlockServers > img {display: block; width: 1920px; height: auto; position: absolute; top: -100px; left: 50%; margin-left: -960px;}
.width-60 {width: calc(65% - 10px);} 
.txt h4 {font-size: 22px;}

}

@media screen and (max-width: 1240px) {
  
#mpBlock1Body > div:first-child h1 {width: 100%;}
#mpBlock1Body > div {padding-top: 180px; padding-bottom: 64px;}
#mpBlock1Body > div:first-child .txt p {width: 85%;}
#topBody > div:last-child ul li a, #topBody > div:last-child ul li a:visited, #footerTopMenu > li a, #footerTopMenu > li a:visited {font-size: 19px;}
#top {padding: 32px 0 0;}
#mpBlock1 {margin-top: -104px;}
.mpBlock1DashboardEl > p:first-child {font-size: 64px;}
#mpBlock1Dashboard > div:last-child {display: none;}
.blockTop > div:first-child {width: calc(100% - 160px); margin-right: 0px; padding-right: 56px;}
.blockTop > div:last-child {width: 160px; margin-left: 0px;}
.marginTop-100 {margin-top: 80px;}
.marginTop-120 {margin-top: 88px;}
#mpBlockServers > img {display: block; width: 1800px; height: auto; position: absolute; top: -64px; left: 50%; margin-left: -900px;}
.padding-120 {padding: 88px 0;}
.columns-2-68 > div:first-child .txt {width: 80%;}
.width-60 {width: calc(100% - 160px); padding-right: 56px;}
.block:last-child {padding-bottom: 88px;}


}

@media screen and (max-width: 1080px) {

body {font-size: 18px;}
#topBody > div:first-child img {height: 64px;}
#mpBlock1 {margin-top: -96px;}
#topBody > div:first-child {width: 240px;}
#topBody > div:last-child {width: calc(100% - 240px); padding-left: 32px; padding-top: 8px;}
.marginTop-80 {margin-top: 64px;}
#mpBlock1Body > div:last-child {width: 220px; margin-left: 0px;}
#mpBlock1Body > div:first-child {width: calc(100% - 220px); padding-right: 40px; margin-right: 0px;}
#topBody > div:last-child ul li {margin-left: 32px;}
.mpBlock1DashboardEl > p:first-child {font-size: 58px;}
.button {font-size: 18px;}
.serversEl > div:last-child > .flex > div:last-child {width: 56px;}
.serversEl > div:last-child > .flex > div:last-child .button > div:last-child {display: none;}
.serversEl > div:last-child > .flex > div:last-child .button {padding: 0 0;}
.serversEl > div:last-child > .flex > div:first-child {width: calc(100% - 56px - 20px);}
.serversEl > div:last-child > .flex > div:first-child .clearfix {width: 100%;}
.serversEl > div:last-child > .flex > div:first-child .clearfix .button {width: 100%; justify-content: center;}
.serversEl > div:last-child {padding: 32px 24px 24px;}
.serversEl > div:first-child {padding: 8px;}
.label {font-size: 13px;}
#mpPromoBlock > .flex > div {width: 100%;}
#mpPromoArrow {display: none;}
.columns-2-68 > div:last-child {width: calc(50% - 10px);}
.columns-2-68 > div:first-child {width: calc(50% - 10px); margin-right: 20px;}
.columns-2-68 > div:first-child .txt {width: 100%; padding-right: 48px;}
.thesisEl .txt p {margin-top: 14px; font-size: 17px;}
#footerTopMenu > li {float: left; margin-right: 32px; margin-top: 4px;}
#footerTopMenu > li a {font-size: 18px;}

}

@media screen and (max-width: 1020px) {
  
.columns-2-68 > div:last-child {width: 100%; margin-top: 48px;}
.columns-2-68 > div:first-child {width: 100%; margin-right: 0px;}
.columns-2-68 > div:first-child .txt {width: 100%; padding-right: 0px;}


}

@media screen and (max-width: 960px) {
  
.mpBlock1Dayz {display: none;}
/*#mpBlock1Body .button:nth-child(2) {margin-left: 0px;}*/
#mpBlock1Body > div:first-child {width: 100%; padding-right: 0px; margin-right: 0px; padding-bottom: 0px;}
#mpBlock1Body .marginTop-80 {margin-top: 56px;}
#mpBlock1Body > div:first-child h1 {width: 90%;}
#mpBlock1Body > div:first-child .txt p {width: 80%;}
#mpBlock1Body > div:last-child {width: 100%; margin-left: 0px;}
#mpBlock1Dashboard {width: 100%;}
#mpBlock1Dashboard > div:first-child .flex > div {width: 50%;}
#mpBlock1Dashboard > div:first-child .flex > div:first-child {border-bottom: none; border-right: 1px solid #323232;}
#mpBlock1Body > div:last-child {padding-top: 48px; padding-bottom: 64px;}
.mpBlock1DashboardEl {width: 90%;}
#mpBlock1Dashboard > div:first-child .flex {background-color: rgba(15,19,22,0.32); backdrop-filter: blur(12px);}
#topBody > div:last-child ul li a, #topBody > div:last-child ul li a:visited {font-size: 18px; height: 32px; display: block; line-height: 32px;}
#topBody > div:last-child {padding-left: 80px;}
#topBody > div:last-child {padding-top: 0px;}
#mpBlock1:after {height: 10%;} 
.label {font-size: 12px; height: 26px; padding: 0 12px; line-height: 26px; margin-top: 6px;
  margin-right: 6px;}
.serversElTop .ratio-2-3 {padding-top: 80%;}
#mpPromoBlock > .flex {padding: 48px 0;}
#thesis > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;}
#thesis > div:nth-child(-n+4) {margin-top: 20px;}
#thesis > div:nth-child(4n+1) {margin-left: 20px;}
#thesis > div:nth-child(-n+3) {margin-top: 20px;}
#thesis > div:nth-child(3n+1) {margin-left: 20px;}
#thesis > div:nth-child(-n+2) {margin-top: 0px;}
#thesis > div:nth-child(2n+1) {margin-left: 0px;}
.accordeon {width: 100%;}
#mpFaqTxt {width: 100%; margin-top: 64px;}
#footerTop > div:first-child {width: calc(100% - 215px); padding-right: 20px; order: 1;}
#footerTop > div:last-child {order: 2;}
#footerTop > div:nth-child(2) {order: 3; width: 100%; margin-top: 24px;}
#footerTop > div:nth-child(2) .flex2 > div:last-child {margin-top: 16px;}
#footerBottom {padding: 24px 0;}


}

@media screen and (max-width: 880px) {
  
#mdl {padding: 40px; width: 620px;}
.ratio-smdl {padding-top: 40%;}


}

@media screen and (max-width: 860px) {

#topBody > div:last-child {padding-left: 64px;}
.centered {padding: 0 48px;}
#mpBlock1Body > div:first-child .txt p {width: 90%;}
#mpBlock1Body > div:first-child h1 {width: 95%;}
.txt h1 {font-size: min(max(32px, calc(2rem + (40 - 32) * ((100vw - 320px) / (860 - 320)))), 40px); min-height: 0vw; margin-bottom: 32px;}
.txt h1:last-child {margin-bottom: 0px;}
.txt h2 {font-size: min(max(26px, calc(1.625rem + (30 - 26) * ((100vw - 320px) / (860 - 320)))), 30px); min-height: 0vw;}
.blockTop > div:first-child {padding-right: 32px;}
.marginTop-100 {margin-top: 72px;}
.marginTop-120 {margin-top: 80px;}
.txt h3 {font-size: min(max(22px, calc(1.375rem + (26 - 22) * ((100vw - 320px) / (1480 - 320)))), 26px); min-height: 0vw;}
#mpPromo {width: calc(100% - 96px); margin-left: 48px;}
.padding-120 {padding: 80px 0;}
.width-60 {width: calc(100% - 160px); padding-right: 32px;}
.marginTop-56 {margin-top: 40px;}
.block:last-child {padding-bottom: 80px;}


}

@media screen and (max-width: 820px) {

.width-60 {width: 85%; padding-right: 0px;}

}

@media screen and (max-width: 760px) {
  
#topBody > div:first-child img {height: 56px;}
#topBody > div:first-child {width: 210px;}
#topBody > div:last-child {width: calc(100% - 210px); padding-left: 56px;}
#topBody > div:last-child ul li a, #topBody > div:last-child ul li a:visited {font-size: 18px; height: 28px; display: block; line-height: 28px;}
#mpBlock1Body .marginTop-80 {margin-top: 48px;}
#mpBlock1Body > div:last-child {padding-top: 40px; padding-bottom: 64px;}
.serversElTop .ratio-2-3 {padding-top: 56%;}
.thesisEl {padding: 24px;}


}

@media screen and (max-width: 720px) {

#mdl {padding: 32px; width: 520px;}
.ratio-smdl {padding-top: 48%;}
.marginTop-40 {margin-top: 32px;}

}


@media screen and (max-width: 680px) {
  
#menuIconWrp {display: block;}
#topBody > div:last-child ul {display: none;}
.button {height: 48px; padding: 0 20px;}
#topBody .button svg {width: 24px; height: 24px;}
.button--icon {width: 48px; padding: 0 0;}
.blockTop > div:last-child {width: 120px;}
.blockTop > div:first-child {width: calc(100% - 120px); margin-right: 0px;}
.serversEl > div:last-child > .flex > div:first-child {width: calc(100% - 48px - 20px);}
#mpBlockServers > img {display: block; width: 1680px; height: auto; position: absolute; top: -64px; left: 50%; margin-left: -840px;}
.width-60 {width: 90%; padding-right: 0px;}

#footerTop > div:first-child {width: 100%; padding-right: 0px; order: 1;}
#footerTop > div:last-child {order: 3; width: 100%; margin-top: 24px;}
#footerTop > div:nth-child(2) {order: 2; width: 100%; margin-top: 0px;}
#footerTop > div:nth-child(2) .flex2 > div:first-child {display: none;}
#footerTop > div:nth-child(2) .flex2 > div:last-child {margin-top: 24px;}
.marginTop-32 {margin-top: 24px;}
#footerTopLogo img {display: block; width: auto; height: 56px;}

#panel {width: 100%; display: block; position: fixed; background-color: rgba(255,255,255,0.1); top: 0px; bottom: 0px; right: -100%; z-index: 20; transition: all 0.1s linear; height: 100%; backdrop-filter: blur(12px); padding: 40px;}
.panel--open #panel {transition: all 0.1s linear; right: 0px !important;}
#panelTop {width: 100%; border-radius: 24px 24px 0 0; background-color: #0F1316; padding: 32px 32px 0;}
#panelTop > .flex > div:last-child {width: 48px;}
#panelTop > .flex > div:first-child {width: calc(100% - 48px);}
#panelTop > .flex > div:last-child .icon {background-color: #3B3B3B; transition: all 0.1s linear;}
#panelTop > .flex > div:last-child .icon:hover {background-color: #292929; transition: all 0.1s linear;}
#panelBody {width: 100%; height: calc(100% - 88px); }
#panelBody > div {height: 100%; width: 100%; overflow-y: auto; padding: 40px 32px 32px; border-radius:  0 0 24px 24px; background-color: #151515;}
#panelBody ul {width: 100%; list-style: none; display: block;}
#panelBody ul li {margin-top: 12px;  text-align: center; display: block; width: 100%;}
#panelBody ul li:first-child {margin-top: 0px;}
#panelBody ul li a, #panelBody ul li a:visited {font-size: 24px; text-decoration: none; font-weight: 500; color: #fff; transition: all 0.1s linear; cursor: pointer;}
#panelBody ul li a:hover {color: #FFD2F4; transition: all 0.1s linear;}
#panelBody .flex2 > div:last-child {justify-content: center; padding-top: 32px;}
#panelBody .button:hover {background-color: #323232; border-color: #323232;}


}

@media screen and (max-width: 620px) {

body {font-size: 18px;}
.centered {padding: 0 40px;}
/*#mpBlock1Body .clearfix .button {width: calc(50% - 8px); justify-content: center;}*/

#mpBlock1BodyBottomS .button {
  width: calc((100% - 10px) / 2);
  margin-left: 10px;
  margin-top: 10px;
  justify-content: center;
}
#mpBlock1BodyBottomS .button:nth-child(2n+1) {
  margin-left: 0;
}


.clearfix .button {margin-left: 10px;}
.clearfix .button:first-child {margin-left: 0px;}
#mpBlock1Body > div:first-child h1 {width: 100%;}
#mpBlock1Body > div:first-child .txt p {width: 100%;}
#mpBlock1Body > div:first-child .txt p {font-size: 18px;}
.mpBlock1DashboardEl {width: 100%;}
#mpBlock1Body > div:last-child {padding-top: 40px; padding-bottom: 56px;}
#mpBlock1:after {height: 6%;}
#mpBlock1Body .marginTop-80 {margin-top: 40px;}
.mpBlock1DashboardEl > p:first-child {font-size: 52px;}
.marginTop-100 {margin-top: 64px;}
.marginTop-120 {margin-top: 72px;}
.marginTop-56 {margin-top: 40px;}
.serversElTop .ratio-2-3 {padding-top: 64%;}
.button {font-size: 17px;}
#mpPromo {width: calc(100% - 80px); margin-left: 40px;}
#mpPromoBlock > .flex {padding: 40px 0;}
.padding-120 {padding: 72px 0;}
.txt h4 {font-size: 21px;}
#thesis > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 16px;}
#thesis > div:nth-child(-n+4) {margin-top: 16px;}
#thesis > div:nth-child(4n+1) {margin-left: 16px;}
#thesis > div:nth-child(-n+3) {margin-top: 16px;}
#thesis > div:nth-child(3n+1) {margin-left: 16px;}
#thesis > div:nth-child(-n+2) {margin-top: 0px;}
#thesis > div:nth-child(2n+1) {margin-left: 0px;}
.width-60 {width: 100%; padding-right: 0px;}
.marginTop-80 {margin-top: 56px;}
.button {font-size: 18px;}
.thesisEl .txt p {margin-top: 12px; font-size: 16px;}
#mpFaq .align_center_to_left {right: 0px; float: none;}
#mpFaq .align_center_to_right {position: relative; z-index: 1; right: auto; left: 0px;}
#mpFaq .button {width: calc(50% - 10px); justify-content: center;}
.accordeonTop {padding: 16px 0;}
.accordeonBody {padding: 4px 0 16px;}
.block:last-child {padding-bottom: 72px;}
#mpFaqTxt {margin-top: 48px; font-size: 15px;}
#footerTopInfo p, #footerBottom p {font-size: 15px;}
#mdl {padding: 32px; width: 460px;}
.ratio-smdl {padding-top: 56%;}
#mdl .button {width: 100%; justify-content: center;}
#mdlCover {margin-bottom: 32px;}
#mpBlockServers > img {display: block; width: 1400px; height: auto; position: absolute; top: -40px; left: 50%; margin-left: -700px;}
#mpBlock1:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); opacity: 0.32;}
#mpBlock1Dashboard > div:first-child .flex {background-color: rgba(15,19,22,0.24); backdrop-filter: blur(12px);}

#panelTop {padding: 32px 32px 0;}
#panelBody ul li {margin-top: 10px;  text-align: center; display: block; width: 100%;}
#panelBody ul li:first-child {margin-top: 0px;}
#panelBody ul li a, #panelBody ul li a:visited {font-size: 22px;}
#panelBody .flex2 > div:last-child {padding-top: 32px;}
#panelTop > .flex > div:last-child {width: 40px;}
#panelTop > .flex > div:first-child {width: calc(100% - 40px);}
#panelTop > .flex > div:last-child .button, #panelBody .flex2 > div:last-child .button {width: 40px; height: 40px;}
#panelTop > .flex > div:last-child .button svg {width: 24px; height: 24px;}
#panelBody .flex2 > div:last-child .button img {width: 24px; height: auto;}


}

@media screen and (max-width: 560px) {

.blockTop > div:first-child {width: 100%; margin-right: 0px; padding-right: 0px;}
.blockTop > div:last-child {width: 100%; margin-top: 24px;}
#thesis > div {width: 100%; margin-left: 0px; margin-top: 16px;}
#thesis > div:nth-child(-n+4) {margin-top: 16px;}
#thesis > div:nth-child(4n+1) {margin-left: 0px;}
#thesis > div:nth-child(-n+3) {margin-top: 16px;}
#thesis > div:nth-child(3n+1) {margin-left: 0px;}
#thesis > div:nth-child(-n+2) {margin-top: 16px;}
#thesis > div:nth-child(2n+1) {margin-left: 0px;}
#thesis > div:nth-child(-n+1) {margin-top: 0px;}
.thesisEl .txt p {margin-top: 14px; font-size: 17px;}

}

@media screen and (max-width: 520px) {
  
#mpBlock1Dashboard > div:first-child .flex > div:first-child {border-right: none; border-bottom: 1px solid #323232;}
#mpBlock1Dashboard > div:first-child .flex > div {width: 100%;}
#mpBlock1Dashboard > div:first-child .flex {width: 100%; margin-left: 0%;}
/*#mpBlock1Body .clearfix .button {width: 100%; margin-left: 0%; margin-top: 16px; justify-content: center;}
#mpBlock1Body .clearfix .button:nth-child(2) {margin-top: 0px;}*/
#mpFaq .button {width: 100%; margin-left: 0px;}
#mpFaq .button:nth-child(2) {margin-top: 16px;}
#footerBottom {padding: 20px 0;}
#footerTop {padding: 32px 0 24px;}
#mdl {padding: 32px; width: 380px;}

#mpBlock1BodyBottomS .button {width: 100%; margin-left: 0;}

}

@media screen and (max-width: 480px) {

#mpBlock1Body > div:last-child {padding-top: 32px; padding-bottom: 48px;}
#mpBlock1:after {height: 4%;}
.serversElTop .ratio-2-3 {padding-top: 80%;}

}

@media screen and (max-width: 420px) {

.centered {padding: 0 32px;}
#top {padding: 24px 0 0;}
#mpBlock1 {margin-top: -80px;}
#topBody > div:first-child img {height: 48px;}
#topBody > div:first-child {width: 180px;}
#topBody > div:last-child {width: calc(100% - 180px); padding-left: 0px;}
#topBody > div:last-child .button {width: 40px; height: 40px;}
#topBody .button svg {width: 20px; height: 20px;}
#mpBlock1Body > div {padding-top: 160px;}
#mpBlock1:after {height: 2%;}
.txt h1 {font-size: min(max(30px, calc(1.875rem + (32 - 30) * ((100vw - 320px) / (420 - 320)))), 32px); min-height: 0vw;}
.txt h2 {font-size: min(max(25px, calc(1.5625rem + (28 - 25) * ((100vw - 320px) / (420 - 320)))), 28px); min-height: 0vw;}
.serversElTopBlock:before {display: none;}
.serversEl > div:last-child {padding: 24px 20px 20px;}
.serversElInfo {padding: 24px 12px 0;}
.marginTop-100 {margin-top: 56px;}
.marginTop-120 {margin-top: 64px;}
.marginTop-56 {margin-top: 32px;}
#mpPromo {width: calc(100% - 64px); margin-left: 32px;}
#mpPromoBlock > .flex {padding: 32px 0;}
.padding-120 {padding: 64px 0;}
.txt h4 {font-size: 20px;}
.block:last-child {padding-bottom: 64px;}
.accordeonTop > div:last-child .flex {width: 32px; height: 32px; font-size: 20px; line-height: 27px;}
.accordeonTop > div:last-child {width: 32px;}
.accordeonTop > div:first-child {width: calc(100% - 32px); padding-right: 16px;}
#footerTopLogo img {display: block; width: auto; height: 48px;}
#mdl {padding: 24px; width: 320px;}
#mdlCover {margin-bottom: 24px;}
.ratio-smdl {padding-top: 64%;}
.marginTop-40 {margin-top: 24px;}
#panel {padding: 32px;}
#panelTop {padding: 24px 24px 0;}
#panelBody {height: calc(100% - 72px);}
#panelBody .flex2 > div:last-child {padding-top: 24px;}
#panelBody > div {padding: 40px 24px 24px;}
#panelBody ul li a, #panelBody ul li a:visited {font-size: 20px;}

}

@media screen and (max-width: 380px) {
  
#topBody > div:first-child img {height: 40px;}
#topBody > div:first-child {width: 160px;}
#topBody > div:last-child {width: calc(100% - 160px); padding-left: 0px;}
#topBody > div:last-child .button {width: 36px; height: 36px;}
#topBody .button svg {width: 18px; height: 18px;}
.centered {padding: 0 24px;}
.serversElTop .ratio-2-3 {padding-top: 100%;}
#footerTopLogo img {display: block; width: auto; height: 40px;}
#mdl {padding: 20px; width: 280px;}
.ratio-smdl {padding-top: 80%;}

}