body, html {     overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: sans-serif; }  .container {     max-width: 1400px;     margin: 0 auto; }  .header {     background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);     position: fixed;   	padding: 20px 0;     top: 0;     left: 0;     width: 100%;     z-index: 5; }  .header__wrap {     display: flex;     justify-content: space-between;     align-items: center;  }  .logo__link {     display: block;     max-width: 200px; }  .logo__link img {     width: 100%; }  .nav__list {     list-style: none;     padding: 0;     display: flex;   margin: 0; }  .nav__list__item {     margin-right: 15px;   position: relative; } .nav__list__item:last-child {     margin-right: 0; }  .nav__list__item__link {     text-decoration: none;     color: #000000;     text-transform: uppercase;     font-weight: 600;     padding: 20px 0; }  .nav__list__item__link:hover {     color: rgb(204, 0, 0);     text-shadow: 5px 5px 5px rgba(0, 0, 0, .3); } .subnav {     list-style: none;     background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);     padding: 20px 20px;     position: absolute;     top: 33px;     left: -45px;     white-space: nowrap;   display: none; } .subnav a {   display: block;   text-decoration: none;     color: #000000;   padding: 10px 0; } .nav__list__item:hover .subnav {   display: block; } .btn {     background: rgb(204, 0, 0);     text-decoration: none;     color: #fff;     padding: 10px 20px;     font-weight: 600;     border-radius: 25px; }  .main {     padding: 0 0 20px 0; } .main__information img {     max-width: 100%;     height: auto; }  .main__title {     text-align: center;     font-size: 52px;     margin: 10px; }  .main__information {     padding: 20px 10px; }  .footer {     background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);     padding: 20px 0;     font-size: 11px; }  .footer .logo p {     margin: 0; }  .footer .logo {     display: flex; }  .footer__wrap {     display: flex;     justify-content: space-between;     align-items: center; }  .footer .logo__link {     margin-right: 15px; }  .footer__attention {     display: flex;     align-items: center;     font-style: italic; }  .footer__attention__img {     margin-right: 10px; } .mob__btn {     display: none; } .mob__btn__link {     display: block; }  .mob__btn__link svg {     width: 30px;     height: 30px; }  .nav__mob {     position: absolute;     top: 100%;     right: -100%;     z-index: 5;     background: linear-gradient(to bottom, #d7d9da 0%, #bcc0c2 100%);     height: 100vh;     transition: right .3s ease; } .bgr {     content: '';     display: none;     position: absolute;     top: 100%;     left: 0;     width: 100%;     height: 100vh;     background: rgba(0, 0, 0, 0.5);     z-index: 4; } .nav__mob__list {     list-style: none;     padding: 20px; } .nav__mob__list__item {     padding: 20px; } .nav__mob__list__item__link {     text-decoration: none;     color: #000000;     text-transform: uppercase;     font-weight: 600; }  .nav__mob__list__item__link:hover {     color: rgb(204, 0, 0);     text-shadow: 5px 5px 5px rgba(0, 0, 0, .3); }  .closes {     display: none; } @media (max-width: 1270px) {     .container {         padding: 0 15px;     }     .mob__btn {         display: block;     }     .closes {         display: none;     }     .nav {         display: none;     }     .regis {         display: flex;         align-items: center;     }      .btn--red {         margin-right: 20px;     } }  @media (max-width: 800px) {     .footer__wrap {         flex-direction: column;     }     .footer .logo {         margin-bottom: 20px;     } } @media (max-width: 500px) {     .logo__link {         max-width: 90px;     }     .main__title {         font-size: 32px;     }     .main__information {         font-size: 14px;     }      .item__information h2 {         margin: 0;         font-size: 14px;     } }  @media (max-width: 370px) {     .main__title {         font-size: 28px;     } }  /*Aleks added this code start*/ .red-button {     display: block;      width: 100%;      padding: 15px 0;      background-color: red;     color: white;     text-align: center;     text-decoration: none;     border: none;     border-radius: 5px; /* Optional: remove border-radius for a full-width effect */     font-size: 18px;     cursor: pointer;     transition: background-color 0.3s; }  .red-button:hover {     background-color: darkgreen; }  .main__information p{ font-family: "Roboto Flex", sans-serif;   font-optical-sizing: auto;   font-weight: 400;   font-style: normal; }  /*Aleks added this code End*/  /* Responsive sizing */ @media (max-width: 600px) {     .red-button {         padding: 8px 15px;         font-size: 14px;     } }  .footer__nav__list {   list-style: none;     padding: 0;     display: flex;     justify-content: space-around;     align-items: center;     gap: 15px;     flex-wrap: wrap; }  .footer__nav__link {   color: #000000; } table {   border: 1px solid #000;   width: 100%; }  th, td {   border: 1px solid #000;     padding: 10px; } p img {   margin: 10px 0; }