@media (max-width:759px){
    *{
       
        padding: 0;
        font-family: 'Jura', sans-serif;
        
    }
    .container {
        width: 760px;
        background: #fff;
    
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .main{
        width: 760px;
        margin: 0 auto;
        height: 5000px;
    }
    .header{
        width: 760px;
        height: 900px;
        display: grid;
        grid-template-columns:  760px ;
        grid-template-rows: 170px 330px 250px ;
        margin-left: 200px;

    }
    .header_1{
        
        height: 90px;
        grid-row: 1/2;
        grid-column: 1/2;
    }
    .logo{
        
        width: 83px;
        height: 85px;
        margin-top:75px;
        float: left;
    
    }
    .header_menu{
    
        list-style-type: none;
        display: flex;
        justify-content: space-around; 
        margin-top:100px;
        width: 500px;
        height: 70px;
       
        margin-left: 90px;
        color: blue;
     
    }
    .header_foto{
       
        grid-row: 2/3;
        grid-column: 1/2;
        width: 310px;
        height: 340px;
        margin: 0auto;
        display: block;
        margin-left: auto;
        margin-right: auto
      
    
    
    }
    .header_bloc{
    
        grid-row:3/4;
        grid-column: 1/2;
        margin-top:40px;
    }
    .header_title{
        margin-top: 1px;
        font-size: 48px;
        text-align: center;
    
    }
    .header_text{
        margin-top: 30px;
        font-size: 24px;
        text-align: center;
    
    }
    a{
        height:20px;
    }
    
    .header_p{
        margin-top: 30px;
    
    }
    .header_cnopka{
        margin-top: 30px;
        width: 250px;
        height: 50px;
        background: rgb(7, 157, 207);
        color: aliceblue;
        transition-duration: 1.5s;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    
    
    }
    .header_cnopka:hover{
    
        width: 250px;
        height: 50px;
        background: rgb(4, 14, 153);
        color: aliceblue;
        transition-duration: 1.5s;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    
    
    }
    .todey{
        margin-top: 20px;
        width: 760px;
        height: 600px;
        margin: 0 auto;
        background: #ffffff;

    }
    .todey_text{
        text-align: center;
    }
    .todey_title{
        text-align: center;
        margin-bottom: 20px;
    }
    .todey_blok{
        width: 760px;
        height: 750px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0auto;


        
    }
    .todey_blok_text{
        width: 440px;
        height: 102px;
        border: 2px solid black;
        border-radius: 5px;
        padding: 10px;
        margin: 15px;
        margin: 0 auto;
        
    }
    .todey_text2{
        text-align: justify;
    }
    .kartunku{
        width: 100%;
        height: 200px;
        margin: 0 auto;
        margin-top: 50px;

        

    }
    .kartunku_text{
        margin-bottom: 10px;
        
    }
    .kartunku_img{
        width: 160px;
        height: 120px;
        margin-left: 10px;
        margin-right: 10px;

    }
    .kartunka{
        display: flex;
        justify-content: space-between;
   
        margin: 0 auto;
    }
    .zelensikiu{
        width: 660px;
        height: 250px;
        background: #006AA7;
        display: flex;
        margin: 0 auto;
        justify-content: space-between;
        align-items: center;
        padding: 10px 25px;
    }
    .zelensikiu_text{
        font-size: 30px;
        color: #fff;

    }
    .zelensikiu_img{
        width: 170px;
        height: 170px;
    }
    .articke_a{
        width: 200px;
        height: 30px;
        background: #F9C00D;
        border: 1px solid black;
        text-align: center;
        margin-left: 200px;
        transition: 0.5s;
        text-decoration: none;
        color: black;
    }
    .articke_a:hover{
        width: 200px;
        height: 35px;
        background: #BD930A;
        border: 1px solid black;
        text-align: center;
        margin-left: 200px;
        transition-duration: 0.5s;
        text-decoration: none;
        color: black;
    }

.artickle{
        width: 759px;
        height: 450px;
        display: grid;
        background: #F9C00D;
    }
    .people1{
        width: 759px;
        height: 550px;
        margin: 0 auto;
        display: grid;
    }
    .citate{
        width: 759px;
        height: 1100px;
        display: grid;
    }
    .footer{
        width: 759px;
        display: flex;
        height: 90px;
        background: #006AA7;
    }
    .people_photos{
    
    width: 759px;
    height: auto;
}
.people1{
    width: 759px;
    height: 192px;
}
.future{
    width: 760px;
    height: auto;
    float: left;
}
   .people_photo1{
       width: 160px;
       height: 120px;

   }
   .people_photo2{
    width: 160px;
    height: 120px;

}
.footer{
    width: 759px;
    display: flex;
    height: 60px;
    background: #006AA7;
}
.citate{
    float: left;
}
.footer_fotos{
    display: flex;
    width: 400px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
}
.footer_title{
height: 60px;
width: 300px;
}
.citate_section1{
    width: 370px;
    height: 150px;
    background: white;
}
.citate_section2{
    width: 370px;
    height: 150px;
    background: white;
}
.people_title{
    width: 759px;
    height: 50px;
    text-align: center;
}
.citate_sections{
    width: 759px;
    height: 950px;
    display: grid;
}
.citate_title{
    width: 759px;
    height: 50px;
    text-align: center;
}
.artickle_text{
    text-align: left;
    width: 370px;
    height: 310px;
    display: grid;
}
.artickle_p{
    width: 370px;
    height: 76px;
}
.artickle_mini{
    display: flex;
    width: 750px;
    height: 300px;
    margin-left: 10px;
    justify-content: space-around;
}
.artickle_img{
    width: 310px;
    height: 200px;
    
}
.kartunka228{
    width: 160px;
    height: 120px;
    margin-left: 10px;
    margin-right: 10px;

}
.container{ 
    width:700px; 
    height: 920px; 
    margin: 0 auto; 
} 
  
.groud{ 
margin-bottom:5px; 
} 
.people{ 
margin-bottom:5px; 
} 
.history{ 
margin-bottom:5px; 
} 
.music{ 
margin-bottom:5px; 
} 
.main{ 
    width: 760px; 
    height: 500px; 
    margin: 0 auto; 
} 
.main_two{ 
    width: 760px; 
   margin-left: 100px; 
    display: grid; 
    background: #F5F5F5;     
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 20px 30px 1fr 1fr 1fr 1fr; 
} 
 
.aitem_one:hover{ 
    background: #006AA7; 
    transition-duration:1s; 
    color: rgb(255, 255, 255); 
} 
.aitem_two:hover{ 
    background: #006AA7; 
    transition-duration:1s; 
    color: rgb(255, 255, 255); 
} 
.aitem_thee:hover{ 
    background: #006AA7; 
    transition-duration:1s; 
    color: rgb(255, 255, 255); 
} 
.aitem_four:hover{ 
    background: #006AA7; 
    transition-duration:1s; 
    color: rgb(255, 255, 255); 
} 
.main_h1{ 
    font-size: 16px; 
    grid-column: 1 / 2; 
    grid-row: 1 / 2; 
    text-align: center; 
} 
.main_p{ 
    grid-row: 2 / 3; 
    font-size: 24px; 
    grid-column: 1 / 2; 
    text-align: center; 
    font-size: 24px; 
} 
.main-title{ 
    font-size: 16px; 
    margin-bottom:5px; 
} 
.arrow_p{ 
width: 100px; 
height: 100px; 
display: grid; 
} 
.aitem-p{ 
    width: 20px; 
    height: 20px; 
    margin-left: 155px; 
    margin-top: 24px; 
} 
.arrow{ 
    width: 20px; 
    height: 20px; 
    margin-top:-50px; 
    margin-left: 230px; 
    } 
.aitem_one{ 
    display: grid; 
    grid-column: 1 / 2; 
    grid-row: 3 / 4; 
    width: 260px; 
    height: 250px; 
    font-size: 16px; 
    padding-left: 14px; 
} 
 
.aitem_two{ 
    display: grid; 
    grid-column: 1 / 2 ; 
    grid-row: 4 / 5 ; 
    width: 260px; 
    height: 250px; 
    font-size: 16px; 
    padding-left: 14px; 
}

.aitem_thee{ 
    display: grid; 
    grid-column: 1 / 2 ; 
    grid-row: 5 / 6; 
    width: 260px; 
    height: 250px; 
    font-size: 16px; 
    padding-left: 14px; 
} 
 
.aitem_four{ 
    grid-column: 1 / 2; 
    grid-row: 6 / 7; 
    width: 260px; 
    height: 250px; 
    font-size: 16px; 
    padding-left: 14px; 
} 
.kozak{ 
    text-align: center; 
    height: 50px; 
    width: 500px; 
    font-size: 19px; 
} 
.img_kozak{ 
    height: 120px; 
    width: 100px; 
    margin: 0 auto; 
    padding-top:20px; 
    padding-right: 20px; 
    margin-top: 10px; 
} 
 .main_div_aitem1_h1{ 
    font-size:25px; 
    grid-column: 1 / 2; 
    grid-row: 1 / 2; 
} 
.main_div_aitem1_p{ 
    grid-column: 1 / 2; 
    grid-row: 2 / 2; 
} 
.main_div_aitem1{ 
    height: 180px;   
    grid-row: 2 / 3; 
    grid-column: 1 / 2; 
    background: #006AA7; 
    color: rgb(255, 255, 255); 
    display: grid; 
    grid-template-rows: 35px 120px; 
    grid-template-columns: 390px 100px; 
} 
.main_div_aitem2{ 
    width: 520px; 
    height: 180px; 
    grid-row: 3 / 4; 
    grid-column: 1 / 3; 
    margin-top: 10px; 
} 
.main_div_aitem3{ 
    width: 520px; 
    height: 180px; 
    grid-row: 4 / 5; 
    grid-column: 1 / 2; 
} 
.main_div_aitem1_h1{ 
    font-size: 16px; 
} 
.main_div_aitem2_h1{ 
    font-size: 16px; 
} 
.main_div_aitem3_h1{ 
    font-size: 16px; 
} 
.main_div_aitem3_p{ 
    font-size:16px; 
} 
.main_div_aitem3_p{ 
    font-size: 16px; 
} 
.main_div_aitem3_p{ 
    font-size: 16px; 
} 
.main_div{ 
    display: grid; 
    grid-template-rows:40px 1fr 1fr 1fr;  
    grid-template-columns: 700px; 
    margin: 0 auto; 
} 
.container_section{ 
    width:700px; 
    height:520px; 
    margin-left:-100px; 
    display: grid; 
    grid-template-columns:1fr; 
    grid-row: 1fr 1fr 1fr 1fr 1fr 1fr; 
} 
.section_h1{ 
    height: 700px; 
    width: 700px; 
    display: grid; 
    grid-template-columns:1fr; 
    grid-row: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
} 
.block_1{ 
    grid-column: 1 / 2; 
    grid-row: 3 / 4; 
    width: 350px; 
    height: 120px; 
    background: #F9C00D; 
    margin-left:10px;  
    margin: 0 auto; 
    margin-bottom: 10px;  
    padding: 10px; 
} 
.block_2{ 
    grid-column: 1 / 2; 
    grid-row: 4 / 5; 
    width: 350px; 
    height: 120px; 
    background: #F9C00D; 
    margin-left:10px;  
    margin: 0 auto; 
    margin-bottom: 10px;  
    padding: 10px; 
} 
.block_3{ 
    grid-column: 1 / 2; 
    grid-row: 5 / 6; 
    width: 350px; 
    height: 120px; 
    background: #F9C00D; 
    margin-left:10px;  
    margin: 0 auto; 
    margin-bottom: 10px;  
    padding: 10px; 
} 
.block_4{ 
    grid-column: 1 / 2; 
    grid-row: 6 / 7; 
    width: 350px; 
    height: 120px; 
    background: #F9C00D; 
    margin-left:10px;  
    margin: 0 auto; 
    margin-bottom: 10px;  
    padding: 10px; 
} 
.block_5{ 
    grid-column: 1 / 2; 
    grid-row: 7 / 8; 
    width: 350px; 
    height: 120px; 
    background: #F9C00D; 
    margin-left:10px;  
    margin: 0 auto; 
    margin-bottom: 10px;  
    padding: 10px; 
} 
.block_5{ 
    grid-column: 1 / 2; 
    grid-row: 8 / 9; 
    width: 350px; 
    height: 120px; 
    background: #F9C00D; 
    margin-left:10px;  
    margin: 0 auto; 
    margin-bottom: 10px;  
    padding: 10px; 
} 
.Digitalization_h1{ 
    display: grid; 
    text-align: center; 
    width: 100%; 
    font-size: 19px;
}

.wallet{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
.artificial-intelligence{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
 
.processor{ 
    padding-top:10px; 
    width:80px; 
    height:80px; 
} 
.future_block{ 
    height: 230px; 
    width: 340px; 
} 
.future{ 
    width: 700px; 
    height: 1006px; 
    margin-left: 50px; 
    margin-top: 200px; 
    display: grid; 
    grid-template-columns:1fr; 
    grid-template-rows:30px 20px 1fr 1fr 1fr 1fr 1fr 1fr; 
} 
.future_h1{ 
    grid-column: 1 / 2; 
    text-align: center; 
} 
.main_h1{ 
    display: none; 
} 
.future_blocks{ 
    grid-column: 1 / 2; 
    display: grid; 
    height: 800px; 
    grid-template-columns:1fr; 
    grid-template-rows:30px 20px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr; 
    font-size: 15px; 
} 
.future_p{ 
    display: grid; 
    height: 300px; 
    text-align: center; 
    grid-column: 1 / 2; 
    grid-row:2 / 4; 
} 
.future_block:hover{ 
    background: #006AA7; 
    color: rgb(255, 255, 255); 
} 
.future_width0{ 
    display: grid; 
    width: 520px; 
    padding:15px; 
    grid-column: 1 / 2; 
    grid-row:3 / 4; 
    margin-top: 20px; 
    margin-left: 100px; 
} 
.future_width1{ 
    display: grid; 
    width: 520px; 
    padding:15px; 
    grid-column: 1 / 2; 
    grid-row:4 / 5; 
    margin-left: 100px; 
} 
.future_width2{ 
    width: 340px; 
    padding:15px; 
    grid-column: 1 / 2; 
    grid-row:5 / 6; 
    margin-left: 100px; 
} 
.future_width3{ 
    width: 520px; 
    padding:15px; 
    grid-column: 1 / 2; 
    grid-row:6 / 7; 
    margin-left: 100px; 
} 
.future_width4{ 
    width: 520px; 
    padding:15px; 
    grid-column: 1 / 2; 
    grid-row: 7 / 8; 
    margin-left: 100px; 
} 
.future_width5{ 
    width: 520px; 
    padding:15px; 
    grid-column: 1 / 2; 
    grid-row:8 / 9; 
    margin-left: 100px; 
}
}