*{
			margin: 0;
			padding: 0;
			font-family: sans-serif;
			box-sizing: border-box;
		}

		body{
			background: #DDD;
			line-height: 1.5; /*расстояние между шрифтами*/
			/*height: 2000px;*/
		}
	/*----- ШАПКА ----------------------------------------------*/
	header{
			/*border: 2px solid blue;*/
			background: linear-gradient(to top, #0686CD 0%, #1E006A 100%); 
			padding: 1% 0;
			display: flex;
		}

	#box-1{
			/*border: 1px solid red;*/
			width: 20%;
			text-align: center;
			display: flex;
			 justify-content: center;
			align-items: center;
		}
		#box-2{
			/*border: 1px solid green;*/
			width: 60%;
			font-size: 2em;
			/*font-family: Ubuntu; /*подключить шрифты независимые*/
			font-weight: bold;
			color: white;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
		
		}
		#box-3{
			/*border: 1px solid gold;*/
			width: 20%;
			color: white;
			text-align: left;
			display: flex;
			flex-direction: column;
			padding-top: 1%;
		}

		.box-3-item-1, .box-3-item-2, .box-3-img-vk{
			/*margin: 5% 0;*/
			/*border: 1px solid red;*/
		}

		#img-logo-f{		/*лого ВК*/
				width: 50%;
			}
	  .box-3-img-vk{		/*здесь размещён лого ВК*/
	  	margin-top: 2%;
	  }

	  /*----- МЕНЮ ----------------------------------------------*/

	  .menu{
			/*margin-top: 50px;*/
			display: inline-flex;
			position: sticky;
			top: 0;
			justify-content: center;
			width: 100%;
			background: #D91F1F;
			list-style-type: none; /* Удаляем маркеры у li */
      padding: 0px; /* Удаляем внутренние отступы по умолчанию у li */
		}

		.menu li{
			/*border: 1px solid red;*/
			position: relative;
    	background: #D91F1F;

    	margin-left: 1%; /* горизонтальные отступы (зазоры) между кнопками*/
		}

		a {text-decoration: none; /* Убираем подчёркивание*/
   		display: block;  /* Чтобы мы могли увеличить размер пункт li с помощью padding*/ 
   		color: white;
   		padding: 12px;  /* Этим мы создаем размер кнопок и делаем высоту всего меню*/
   		font-size: 18px;
   		/*border: 3px solid blue;*/
		}

		.link-color{
			background: #B71818;
		}

		li a:hover{ 
			background: #B71818;
		}


		/*----- КАРУСЕЛЬ  ----------------------------------------------*/

		.slider{
			display: flex;
			/*justify-content: space-between;*/
			background: #EEE;
		}

		.slider div img{
			/*width: 33.33%;*/
		}

		.slider-box{
			margin: 1% 0.6%;
		}

		.slider-box img{ 
			width: 100%;
			
		}


	/*----- ГЛАВНЫЙ БЛОК ----------------------------------------------*/	

	main{
		/*border: 1px solid red;*/
		display: flex;
		justify-content: space-between;
		padding: 0%;
		padding-top: 1%;
	}


	#main-box-1{
		/*border: 1px solid blue;*/
		width: 15%;
		margin-right: 0.5%; 
		padding: 0 0.5%;
		padding-left:  1%;

		
	}
	#main-box-2{
		/*border: 1px solid green;*/
		width: 70%;
		margin-right: 0.5%;
		text-align: center;
		padding: 0 2%;

		background: white;
		/*display: flex;
		flex-direction: column;*/

	}
	#main-box-3{
		/*border: 1px solid yellow;*/
		width: 15%;
		padding: 0 0.5%;
		padding-right:  2%;
	}


	/*----- ЛЕВЫЙ БЛОК ---------------------------------------------------------*/	
	

	#main-box-1 .otdeleniya{
		background: none;
		/*border: 1px solid red;*/
		/*background: gold;*/
	}

.otdeleniya{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: white;
		/*padding: 4%;*/
		/*padding-bottom: 4%;*/
		/*margin-bottom: 20%;*/
		/*border: 3px solid green;*/
		
	}
	.title-school{
		width: 100%;
		background: linear-gradient(to top, #0686CD 0%, #1E006A 100%); 
		color: white;
		padding: 5%;
		text-align: center;
		font-size: 16px; 


	}

	.otdeleniya a{
		/*background: #D91F1F; */
		/*border: 1px solid red;*/
		width: 100%;
		/*border-bottom: 1px solid white;*/
		margin-top: 0%;

		text-align: center;
		/*font-size: 16px; */
		/*border-radius: 5px;*/
	}

	.logo-school{
		width: 90%;
	}


		a:hover{ 
			background: none;
		}



		.foto-raspisanie{			/* это на ссылку Записаться*/
			/*border: 3px solid green;*/
			padding: 0px;
			text-align: center;
			margin: 2%;
			margin-top: 20%;
		}

		.foto-raspisanie img{
			width: 100%;
		}


	.foto-raspisanie:hover{ 
			background: #DDD;
		}
		

		/*----- ЦЕНТРАЛЬНЫЙ БЛОК ------*/	

		/* НОВОСТИ*/
		#title-news{
		/*	border: 1px solid blue;*/
			font-size: 2em;
			font-weight: bold;
			margin: 3% 0 3%;
			color: #1E006A;

		}

		/*Скопировал временно*/

		/*----- ПРАВЫЙ БЛОК ------*/	
		.events{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			background: white;
			padding: 4%;
			/*padding-bottom: 4%;*/
			margin-bottom: 0%;
			/*border:1px solid red;*/
		}

		.data-event{
			margin: 5% 3% 0 3%;
			/*border:1px solid red;*/
		}

		.data{
			color: #AAA;
			font-size: 14px;
			
		}
		.event{margin-bottom: 5%;
					font-size: 14px;
		}


		.sponsori{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			/*background: white;*/
			margin-top: 20%;
			text-align: center;

		}


		#sponsor-foto{
			width: 90%;
		}
		

		/*----- ПОДВАЛ ------*/

		.footer2{
			background: #BBB;
			padding: 2%;
			
			text-align: center;
		}

		footer{
			background: #779ecb;
			padding: 2%;
			text-align: center;
		}

	/*----- Для смартфона ----------------------------------------------*/
	/*----- ШАПКА - для смартфона ----------------------------------------------*/

		@media(max-width: 1000px){
			header{
				
			}
			#box-1{width: 20%}
			#box-2{
				font-size: 1.5em;
				width: 50%;
				text-align: left;
				justify-content: flex-start;
						 align-items: center;
			}
			#box-3{width: 30%}
			
		}

		@media(max-width: 650px){ /*для смартфонов*/
			header{
				flex-wrap: wrap;
				padding-top: 2% ;
			}

			#box-1{width: 20%;
						 padding-top: 3%;	
						 width: 20%;
			}

			#box-2{width: 80%;
						 font-size: 1.5em;
						 text-align: left;
						 justify-content: flex-start;
						 align-items: center;
						 padding-top: 3%;
			}

			#box-3{
				width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				/*align-items: center;*/
				min-width: 100px; 
				padding-top: 4%;
			}

			.box-3-item-1, .box-3-item-2, .box-3-img-vk{
				margin: 1% 5%;
				font-size: 1em;

			}

			.box-3-img-vk{
				/*text-align: center;*/
				/*width: 100px;*/
			}

			.img-vk{
				/*width:  50%;*/
			}

			#img-logo-f{		/*лого ВК*/
				width: 70%;
			}

		}


		/*----- МЕНЮ - для смартфона ----------------------------------------------*/

		@media(max-width: 1000px) {
			a{
				font-size: 16px;
			}

		.menu{
			display: inline-flex;
			position: sticky;
		}

		@media(max-width: 650px){ /*для смартфонов*/
			.menu{
				flex-direction: column;
				background: #CCC;
				position: static;
			}

			.menu li{margin-left: 0%;}

			a{
				font-size: 16px;
			}
		}

		/*----- Левый блок - для смартфона ----------------------------------------------*/

			@media(max-width: 650px){
				.box-logo_otdeleniya{
					display: inline-flex;
				}

				.otdeleniya{
				padding-bottom: 1%;
				}

				.foto-nabor{			
			margin-top: 5%;
				}
				.foto-raspisanie{
					margin-top: 5%;
				}
			}
		


		/*----- Главный блок - для смартфона ----------------------------------------------*/

		@media(max-width: 1000px) {
			
		}

		@media(max-width: 650px){ /*для смартфонов*/
			main{
				flex-direction: column;
			}

			#main-box-1, #main-box-2, #main-box-3{width: 100%;}
		}


/*----- Правый блок - для смартфона ----------------------------------------------*/

		@media(max-width: 650px){

		.event{margin-bottom: 1%;
					font-size: 18px;
			}
			.title-school{
				font-size: 24px;
			}

			.data{font-size: 18px;

			}
		}