body{
    background-color: #F5F5F5;
    color: #000;
}

/* @media (min-width: 801px) */
/* { */

.vse{
    display: grid;
    grid-template-columns: 500px 250px;
    grid-template-rows: auto auto auto;
    gap: 0px 20px;
}

.blok1_text{
    p{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 14px;  
        
    }

 }

 .blok1_text2{
    margin-top: -20px;
    p{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 14px;  
        
    }

 }

 .blok1_text3{
    margin-top: -60px;
    p{
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 14px;  
        
    }

 }

 .blok2_ris{
    margin-top: 40px;
    border-radius: 10px;
    overflow: hidden;
    height: max-content;
    /* border: 1px solid#000; */
 }

 .blok2_ris2{
    margin-top: 30px;
    border-radius: 10px;
    overflow: hidden;
    height: max-content;
 }

 .ris_img{
    background-image:url("image/cat1.jpg");
    background-size: cover;
    
    height: 175px;
    
 }

 .ris_img2{
    background-image:url("image/cat2.jpg");
    background-size: cover;
    height: 175px;
    
 }

 .ris_koment1{
    height: 35px;
    display: flex;
    justify-content: right;
    align-items: center;
    padding-right: 10px;
    background-color: #37516B;
    color: aliceblue;

    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;  

 }

 .ris_koment2{
    height: 70px;
    display: flex;
    justify-content: right;
    align-items: center;
    /* padding-right: 10px; */
    background-color: #37516B;
    color: aliceblue;
    
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 12px;    

      div{
         width: 240px;
      }
 }
/* } */

@media (min-width:600px) and (max-width: 801px){
    .vse{
        display: grid;
        grid-template-columns: 280px 300px;
        grid-template-rows: auto auto auto auto;
        gap: 0px 5px;
    }
    
    .blok1_text{
      grid-column: 1/span 2;
      grid-row: 1;
   }

   .blok1_text2{
      grid-column: 1/span 2;
      grid-row: 3;
   }

   .blok1_text3{
      margin-top: 0px;
      grid-column: 1/span 2;
      grid-row: 4;
   }
      
   .blok2_ris{
      grid-column: 1;
      grid-row: 2;
      margin-top: 20px;
      margin-bottom: 20px;
      
   }

   .blok2_ris2{
      grid-column: 2;
      grid-row: 2;
      margin-top: 20px;
      margin-bottom: 20px;
      
   }
   
   .ris_img{
      height: 220px;
   }

   .ris_img2{
      height: 220px;
   }

   .ris_koment2{
   div{
      width: 260px;
      margin-right: 10px;
   }  
   }
}

@media (max-width: 600px){
   .vse{
      display: grid;
      grid-template-columns: 580px;
      grid-template-rows: auto auto auto auto auto auto;
      gap: 0px 5px;
  }

  .blok1_text{
   grid-column: 1;
   grid-row: 1;
}

.blok1_text2{
   grid-column: 1;
   grid-row: 4;
   padding-top: 40px;
}

.blok1_text3{
   margin-top: 10px;
   grid-column: 1;
   grid-row: 5;
}

.blok1_text3{
   grid-column: 1;
   grid-row: 6;
}

.blok2_ris{
   grid-column: 1;
   grid-row: 2;
   margin-top: 20px;
   /* margin-bottom: 20px; */   
}

.blok2_ris2{
   grid-column: 1;
   grid-row: 3;
   margin-top: 20px;
   /* margin-bottom: 20px; */   
}

.ris_img{
   height: 400px;
}

.ris_img2{
   height: 400px;
}

.ris_koment2{
   div{
      width: 400px;
      margin-right: 10px;
   }  
   }
}