font changed

authors.html

@@ -12,8 +12,8 @@
         <div class="breadcrumbs">
             <div class="container">
                 <div class="breadcrumb">
-                    <a href="#!">Главная –</a>
+                    <a href="#!" class="breadcrumb_link">Главная –</a>
-                    <span>Наши авторы</span>
+                    <span class="breadcrumb_text">Наши авторы</span>
                 </div>
             </div>
         </div>

authors2.html

@@ -12,9 +12,9 @@
         <div class="breadcrumbs">
             <div class="container">
                 <div class="breadcrumb">
-                    <a href="#!">Главная –</a>
+                    <a href="#!" class="breadcrumb_link">Главная –</a>
-                    <a href="#!">Наши авторы  –</a>
+                    <a href="#!" class="breadcrumb_link">Наши авторы  –</a>
-                    <span>Екатерина Волкова</span>
+                    <span class="breadcrumb_text">Екатерина Волкова</span>
                 </div>
             </div>
         </div>

banner.html

@@ -16,7 +16,7 @@
                     <img src="img/num-mob.svg" alt="" class="banner_block_number2">
                 </div>
                 <div class="info_block">
-                    <div class="info">
+                    <div class="banner_block_info">
                         <h3 class="banner_block_title">Беспроцентная рассрочка на все услуги!</h3>
                         <p class="banner_block_text">Оставьте заявку и получите консультацию!</p>
                     </div>

style/index.css

@@ -26,7 +26,7 @@ a{
 .banner {
   padding: 50px 24px;
 }
-.banner .banner_block {
+.banner_block {
   position: relative;
   max-width: 592px;
   padding: 0px 20px 0 11px;
@@ -54,7 +54,7 @@ a{
   top: 24px;
   right: 16px;
 }
-.banner_block .info {
+.banner_block_info {
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -97,25 +97,23 @@ a{
   display: flex;
   align-items: center;
   gap: 5px;
-
+}
-  span,
+.breadcrumb_text,
-  a{
+.breadcrumb_link{
   font-size: 14px;
   font-weight: 300;
   line-height: 16.8px;
   color: #878A90;
 }
-  span{
+.breadcrumb_text{
   color: #000000;
 }
-}
-
 
 /* Authors start */
 .authors{
   padding: 0px 0px 100px;
 }
-.authors .authors_block{
+.authors_block{
   display: flex;
   flex-direction: column;
   gap: 60px;
@@ -126,12 +124,12 @@ a{
   line-height: 38.4px;
   color: #0F1521;  
 }
-.authors_block .authors_cards{
+.authors_cards{
   display: grid;
   grid-template-columns: 32% 32% 32%;
   gap: 20px;
 }
-.authors_block .authors_card{
+.authors_card{
   display: flex;
   flex-direction: column;
   gap: 20px;
@@ -189,12 +187,12 @@ a{
   color: #000000;
 }
 
-.authors_block .authors_items{
+.authors_items{
   display: grid;
   grid-template-columns: 32.2% 32.2% 32.2%;
   gap: 20px;
 }
-.authors_items .authors_item{
+.authors_item{
   background: #FFFFFF;
   border-radius: 8px;
 }
@@ -238,13 +236,13 @@ a{
   color: #0F1521;   
 }
 
-.authors .items_block{
+.items_block{
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 40px;
 }
-.items_block .item_pagination{
+.item_pagination{
   display: flex;
   align-items: center;
   gap: 24px;
@@ -277,7 +275,7 @@ a{
 
 /* @Media start */
 @media (max-width: 1024px) {
-  .authors_block .authors_items {
+  .authors_items {
     grid-template-columns: 49% 49%;
   }
 }
@@ -309,7 +307,7 @@ a{
   }
 
 
-  .authors_block .authors_cards {
+  .authors_cards {
     grid-template-columns: 48.5% 48.5%;
     gap: 40px 20px;
   }
@@ -321,7 +319,7 @@ a{
     gap: 20px;
     padding: 20px 15px;
   }
-  .authors_block .authors_items {
+  .authors_items {
     grid-template-columns: 100%;
   }
     
@@ -340,10 +338,10 @@ a{
     max-width: 250px;
   }
 
-  .authors_block .authors_cards {
+  .authors_cards {
     grid-template-columns: 100%;
   } 
-  .authors_block .authors_card {
+  .authors_card {
     gap: 15px;
   }
   .authors_card_img {
@@ -365,7 +363,7 @@ a{
     gap: 30px;
   }
 
-  .items_block .item_pagination {
+  .item_pagination {
     gap: 15px;
   }
   .item_pagination_tab {