* {
		margin: 0;
		padding: 0;
	}
	.wrapper {
		max-width: 1500px;
	}
	header {
		background: white;
		height: 80px;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		position: sticky;
		top: 0;
		z-index: 3;
	}
	ul {
		list-style: none;
		margin-right: 5px;
		margin-left: 5px;
	}
	.LogoText{
		font-family: sans-serif;
		flex-grow: 3;
	}
	
	a:hover {
		color: #4E6EB9;
	}
	li {
		display: inline-block;
	}
	.Image {
		position: relative;
		display: block;
	}
	.StartText {
		color: white;
		font-family: sans-serif;
		font-size: 20px;
		margin-top: 30px;
		margin-left: 30px;
		margin-right: 30px;
		position: absolute;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	h1 {
		font-family: sans-serif;
		position: absolute;
		top: 70px;
		width: 100%;
		font-size: 50px;
		color: white;
	}

	h2 {
		font-family: sans-serif;
		font-size: 40px;
	}
	.h2Text {
		padding-top: 100px;
	}
	hr {
		height: 3px;
	}
	.AboutUsLine {
		margin-top: 8px;
		width: 80px;
		margin-bottom: 20px;
	}
	.h2Line {
		width: 120px;
		margin-top: 8px;
	}
	.GaleryContainer {
		padding-top: 50px;
		padding-left: 10%;
		padding-right: 10%;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	.ImageGalery {
		padding-right: 20px;
		padding-bottom: 50px;
	}
	
	
	
	
	.minimized {
	  cursor: pointer;
	  border: 1px solid #FFF;
	}
	.minimized:hover {
	  border: 2px solid #4E6EB9;
	}
	#magnify {
	  display: none;
	  /* position: absolute; upd: 24.10.2016 */
	  position: fixed;
	  max-width: 450px;
	  height: auto;
	  z-index: 9999;
	}
	#magnify img {
	  width: 100%;
	}
	/* затемняющий фон */
	#overlay {
	  display: none;
	  background: #000;
	  position: fixed;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0.5;
	  z-index: 9990;
	}
	/* кнопка закрытия */
	#close-popup {
	  width: 30px;
	  height: 30px;
	  background: #FFFFFF;
	  border: 1px solid #AFAFAF;
	  border-radius: 15px;
	  cursor: pointer;
	  position: absolute;
	  top: 15px;
	  right: 15px;
	}
	#close-popup i {
	  width: 30px;
	  height: 30px;
	  background: url(https://codernote.ru/files/cross.png) no-repeat center center;
	  background-size: 16px 16px;
	  display: block;
	}
	@keyframes rota {
	 25% { transform: rotate(360deg); }
	}
	#close-popup:hover {
	  animation: rota 4s infinite normal;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}
	.contacts {
		position: relative;
	}
 @media(max-width: 520px) {
	ul {
		display: none;
	}
	.LogoText{
		font-size: 25px;
	}

	a {
		font-family: sans-serif;
		font-size: 15px;
		padding: 5px;
		text-decoration: none;
		color: #2F3435;
		display: block;
	}
	.logo {
		padding-left: 2%;
		pointer-events: none;
		height: 35px;
	}
	.AboutUs {
		padding-top: 100px;
	}
	.AboutUsImage {
		height: 230px;
		width: 100%;
	}
	.AboutUsImageContainer {
		text-align: center;
	}
	.AboutUsContainer {
		background-color: #EDEBF5;
		background-clip: padding-box;
		padding-left: 30px;
		padding-right: 30px;
	}
	.AboutUsText {
		font-family: sans-serif;
		font-size: 25px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.products {
		padding-top: 50px;
		text-align: center;
	}
	.ImageProducts {
		width: 100%;
	}
	.TextProducts {
		
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 20px;
		font-family: sans-serif;
		font-size: 25px;
		background-color: #EDEBF5;
		background-clip: padding-box;
	}
	.ContactsContainer {
		color: black;
		position: absolute;	
		left: 10%;
		font-family: sans-serif;
		font-size: 18px;
		padding-bottom: 150px;
	}
}
 @media (min-width: 521px) and (max-width: 680px) {
	.LogoText{
		font-size: 15px;
	}

	a {
		font-family: sans-serif;
		font-size: 15px;
		padding: 5px;
		text-decoration: none;
		color: #2F3435;
		display: block;
	}
	.logo {
		padding-left: 2%;
		pointer-events: none;
		height: 20px;
	}
	.AboutUs {
		padding-top: 100px;
		margin-left: 10%;
		margin-right: 10%;
	}
	.AboutUsImage {
		margin-top: 50px;
		height: 280px;
		width: 420px;
	}
	.AboutUsImageContainer {
		text-align: center;
	}
	.AboutUsContainer {
		background-color: #EDEBF5;
		background-clip: padding-box;
		margin-right: 10%;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.AboutUsText {
		font-family: sans-serif;
		font-size: 25px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.products {
		padding-top: 50px;
		text-align: center;
	}
	.TextProducts {
		margin-top: 30px;
		padding-top: 20px;
		margin-left: 20%;
		padding-left: 5%;
		margin-right: 20%;
		padding-right: 30px;
		padding-bottom: 20px;
		font-family: sans-serif;
		font-size: 25px;
		background-color: #EDEBF5;
		background-clip: padding-box;
	}
	.ContactsContainer {
		color: black;
		position: absolute;	
		left: 10%;
		font-family: sans-serif;
		font-size: 24px;
		padding-bottom: 150px;
	}
}
 
 
 @media (min-width: 680px) and (max-width: 980px) {
	ul {
		margin-left: 10px;
	}
	.LogoText{
		font-size: 20px;
	}

	a {
		font-family: sans-serif;
		font-size: 20px;
		padding: 5px;
		text-decoration: none;
		color: #2F3435;
		display: block;
	}
	.logo {
		padding-left: 2%;
		pointer-events: none;
		height: 35px;
	}
	.AboutUs {
		padding-top: 100px;
		margin-left: 10%;
		margin-right: 10%;
	}
	.AboutUsImage {
		margin-top: 50px;
		height: 280px;
		width: 480px;
	}
	.AboutUsImageContainer {
		text-align: center;
	}
	.AboutUsContainer {
		background-color: #EDEBF5;
		background-clip: padding-box;
		margin-right: 10%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.AboutUsText {
		font-family: sans-serif;
		font-size: 25px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.products {
		padding-top: 50px;
		text-align: center;
	}
	.TextProducts {
		margin-top: 30px;
		padding-top: 20px;
		margin-left: 20%;
		padding-left: 5%;
		margin-right: 20%;
		padding-right: 30px;
		padding-bottom: 20px;
		font-family: sans-serif;
		font-size: 25px;
		background-color: #EDEBF5;
		background-clip: padding-box;
	}
	.ContactsContainer {
		color: black;
		position: absolute;	
		left: 10%;
		font-family: sans-serif;
		font-size: 30px;
		padding-bottom: 150px;
	}
} 
 
 @media (min-width: 980px) {
	ul {
		margin-right: 100px;
		margin-left: 30px;
	}
	.LogoText{
		font-size: 35px;
	}

	a {
		font-family: sans-serif;
		font-size: 18px;
		padding: 15px;
		text-decoration: none;
		color: #2F3435;
		display: block;
	}
	.logo {
		padding-left: 2%;
		pointer-events: none;
		height: 60px;
	}
	.AboutUs {
		padding-top: 170px;
		margin-left: 10%;
		margin-right: 10%;
		display: -webkit-flex;
		display: flex;
	}
	.AboutUsImage {
		height: 350px;
		width: 520px;
	}
	.AboutUsContainer {
		background-color: #EDEBF5;
		background-clip: padding-box;
		margin-right: 5%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.AboutUsText {
		font-family: sans-serif;
		font-size: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.products {
		display: flex;
		display: -webkit-flex;
		padding-top: 50px;
	}
	.ImageProducts {
		padding-left: 10%;
	}
	.TextProducts {
		padding-top: 20px;
		margin-left: 5%;
		padding-left:30px;
		margin-right: 10%;
		padding-right: 30px;
		font-family: sans-serif;
		font-size: 25px;
		background-color: #EDEBF5;
		background-clip: padding-box;
	}
	.ContactsContainer {
		color: black;
		position: absolute;	
		left: 10%;
		font-family: sans-serif;
		font-size: 30px;
		padding-bottom: 150px;
	}
 }