:root {
       --color-primary: #16678d;
       --color-primary-hover: #1b7ca8;
       --color-dark: #242424;
       --color-gray: #ececec;
       --color-heading: #707070;
       --container-width: 1440px;
   }

   /* Базовые стили */
   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-size: 8px;
       color: var(--color-dark);
   }

   body {
       line-height: 1.6;
       color: #333;
       font-family: "Raleway", sans-serif;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: "Dosis", sans-serif;
       line-height: 1.2;
   }

   .container {
       max-width: var(--container-width);
       margin: 0 auto;
       padding: 0 15px;
   }


   .btn {
       display: inline-block;
       background-color: var(--color-primary);
       color: #fff;
       padding: 1rem 2rem;
       font-size: 2.5rem;
       border-radius: .5rem;
       text-decoration: none;
       width: fit-content;
       transition: background-color .3s ease;
   }

   .btn:hover {
       background-color: var(--color-primary-hover);
   }

   section#divider {
       height: 15rem;
       background: var(--color-primary);
   }

   @media (max-width: 1450px) {
       :root {
           --container-width: 90vw !important;
       }
   }

   @media (max-width: 768px) {
       a.btn {
           font-size: 3rem;
       }
   }

   @media (max-width: 480px) {
       .button {
           padding: 10px 20px;
       }
   }