@font-face {
	font-family: f1;
	src: url(steelfishbd.otf);
	}

body {
	margin: 0;
   font-family: Arial, sans-serif;
   min-width: 300px;
	}
        
a {
	text-decoration: none; 
  	color: #fff;
  	text-decoration: underline; 
	}

a:hover {
   text-decoration: underline; 
	}
        
.content {
	margin: 0 auto; 
   width: 96%; 
   align-items: center; 
	}

.block1 {
	height: 300px;
   width: 100%;
	background-color: #fff; 
   font-family: f1;
   font-size: 5rem;
   display: flex;
   align-items: center;
   justify-content: center; 
   text-align: center; 
	}
.block2_0,
.block2_1,
.block2_2,
.block2_3,
.block2_4,
.block2_5 {
	height: 200px;
   width: 100%;
   display: flex;
   margin-top: 20px;
	background-size: cover;
	}

.ba1 {
	width: 30%;
   text-align: left;
   color:#fff;
   padding-left: 15%;
   font-family: f1;
   font-size:3rem;
	}

.ba2 {
	width: 70%;
   display: flex; 
   align-items: top;
   color:#fff;
   padding-top: 20px;
   }
        
.ba2-text {
	width: 100%;
   text-align: left; 
   margin-top: 10px;
   }
        
.link {
	margin-bottom: 20px;
	margin-right: 10px;
	}

.icon-container {
   display: flex;
   justify-content: center; /* Центрирование иконок */
	}

.block2_0 {
   background-image: url('bg_0.jpg');
	}

.block2_1 {
   background-image: url('bg_1.jpg');
	}

.block2_2 {
   background-image: url('bg_2.jpg');
	}
	
.block2_3 {
   background-image: url('bg_3.jpg');
	}
	
.block2_4 {
   background-image: url('bg_4.jpg');
	}

.block2_5 {
   background-image: url('bg_1.jpg');
}

.footer {
   display: flex;
   position: relative;
   padding-top:10px;
   z-index:1000;
   justify-content: center; 
	}


.icon-container {
    display: flex;
    justify-content: center; 
    gap: 20px;
    
}

.icon {
   width: 40px; 
   height: 40px;
   border-radius: 50%; 
   display: flex;
   align-items: center;
   justify-content: center; 
   color: white; 
   font-size: 20px;
	}

.logo{
	position:absolute;
	padding-left: 30px; 
   padding-top: 30px;
	width: 100px;
	height: auto;    
	}


@media (max-width: 768px) {

.content {
	margin: 0 auto; 
   width: 100%; 
   }
            
.block1 {
	font-size: 3rem;
   height: 180px;
   }
   
.block2_1,
.block2_2,
.block2_3,
.block2_4,
.block2_5  {
	height: 150px;
   background-size: 100% 100%;
   }
   
.ba1 {
	width: 40%;
   padding-left:10px;
   font-size:2em;
   }
   
.ba2 {
	width: 50%;
   }

.ba2-text {
	width:90%;
   }