/*
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f5f5;
        }
        */
        
        h2 {
            color: #2c3e50;
            border-bottom: 2px solid #3498db;
            padding-bottom: 10px;
            margin-top: 30px;
        }
        
        .transport-routes {
            background-color: white;
            
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }
        
        .route-link {
            display: block;
            padding: 12px 15px;
            margin: 8px 0;
            background-color: #3498db;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }
        
        .route-link:hover {
            background-color: #2980b9;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
      
    






body{margin: 0;}

nizkopol:after {
  content: ' \00A7'; 
}

.nav{background-color: palegoldenrod;
display: flex;
  justify-content: space-evenly; 
  align-items: center; } 

#vremya{font-size: 45px;}
.logobas{font-size: 45px;}
.vopr{font-size: 45px;}
.voprs{display: none;}
.polezpole{
display: none;
width: 97%;
height: 155px;
}
.polez{
	margin: 12px 0;
display: flex;
justify-content: center; 
  align-items: center;

}

.polezpole2{

width: 97%;
height: 130px;
}
.polez2{
	margin: 12px 0;
display: flex;
justify-content: center; 
  align-items: center;
}
.contento{
font-size: 32px;
margin: 0 auto;
width: 95%;
min-height: 85vh;
}
.zagolov{font-size: 30px;}
.foot{
	font-size: 14px;
	margin: 0 auto;
width: 90%;
}
.contento a{
		font-size: 27px;
}
.alf{
  display: flex;
  flex-wrap: wrap; 
}
.alf p{
margin: 2%;
background-color: gray;

}
.alf p a{display: block;
 background-color: #d2b48c;
      clear: both;
    font-size: 25px;
    /*width: 290px;*/
    display: flex;
    justify-content: center;
    padding: 25px;
}
.footerovka{

background-color: palegoldenrod;
display: flex;
flex-direction: column;
}

   table {
    width: 90%;  
    border-collapse: collapse; /* Убираем двойные линии между ячейками */
    border: 2px solid white; /* Прячем рамку вокруг таблицы */
    
   }
 th, td {
    padding: 3px; /* Поля вокруг содержимого таблицы */
    border: 1px solid maroon; /* Параметры рамки */
    text-align: center;
   }
   
   .nomerok{
   display: flex;
  justify-content: center;
  margin: 15px;

   }
      .nomerok p{
width: 360px;
  border-bottom: 2px solid #f66d52;
  border-top: 2px solid #f66d52;
   }
   .napravleniya{
   display: flex;
  justify-content: center;
  margin:5px;
     
   }
   h1{
font-size: 35px;   
   }
  .tablica{
display: flex;
    justify-content: center;  
    font-size: 25px;
  }
    .tablica table{
  
    font-size: 25px;
  }
  .obnov{
  	
background-color: #E0D666;
padding: 15px;
position: fixed;
right: 30px;
bottom: 45px;  
font-size: 20px;
border-radius: 30px;
z-index: 2;
}

.podel{
    background-color: #E0D666;
position: fixed;
left:  12px;
bottom: 50px;  
border-radius: 30px;
z-index: 3;
}

.obnov a{
text-decoration: none;
color: green;
}
  
  .vop{
  font-size: 30px;
  margin: 2px;
  }
  .otv{
font-size: 20px;
  margin: 15px;  
  }
@media (max-width: 580px) {
	
	.vopr{display: none;}
	.voprs{font-size: 45px;
	display: block;}
	 
.polezpole{height: 100px;}
	.tablica a{
		/*font-size: 7px;*/
}
.tablica{
display: block;}
.zagolov{font-size: 25px;}
	}
	
	@media (max-width: 490px) {
		.logobas{font-size: 40px;}
			.tablica a{
		font-size: 20px;
}
.contento .napravleniya a{
		font-size: 20px;
}
.contento .nomerok {
		font-size: 20px;
}
.zagolov{font-size: 20px;}
	}
		@media (max-width: 400px) {
			    .tablica table{
      font-size: 15px;
  }
  .logobas{font-size: 25px;}
		}
	@media (max-width: 400px) {
			.tablica a{
		font-size: 15px;
}
	}