@charset "UTF-8";
/* CSS Document */

	
.main-container-services {
  position: relative;
  background-image: url("pict/fon_text.jpg");
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100%;
  width: 1100px;
  max-width: 100%;
  padding: 10px 10px 10px 10px;
  border-top: 2px solid #FFFFFF; 
  border-bottom: 2px solid #ffffff; 
  margin: 0 auto; 
  align-content: center;
}

.service-h1 {
  margin: 20px 0px 18px 0px;
	
}
		
.section-right {
  margin: 20px auto;
  max-width: 98%;
  gap: 30px;
}

.section-right img {
  width: 45%;
  float: right;
  margin: 10px 0px 20px 30px;
  box-shadow: 3px 3px 10px rgba(50,50,50,1);
}

.section-left {
  margin: 30px auto;
  max-width: 98%;
  gap: 30px;
}		
		
.section-left img {
  width: 45%;
  float: left;
  margin: 10px 30px 20px 0px;
  box-shadow: 3px 3px 10px rgba(50,50,50,1);
}	

.empty {
  margin-bottom: 40px;
}

@media (max-width: 1023px) {
  .empty {
	margin: 0;
   }
}
		
@media (max-width: 750px) {
  .section-left, .section-right {
	margin: 20 0 auto;
	max-width: 93%;
		
   }
  .section-left img, .section-right img {
	width: 100%;
	float: none;
	margin: 0 auto;
    margin-bottom: 10px;
   }
	.hh-gray-center {
		font-size: 30px; 
  }
}
	
@media (max-width: 560px) {
  .service-h1 {
	margin: 10px 0px 8px 0px;
   }
  .hh {
	font-size: 30px;	
  }
  .hh2-roboto {
	font-size: 27px;	
  }
	.hh-gray-center {
		font-size: 28px; 
  }
}