/*
для смартфонов — 320 px, 480 px и выше;
для планшетов — 768 px и выше;
для нетбуков — 1024 px и выше;
для мониторов — 1280 px, 1600 px, 1920 px и выше.
*/
@media all and (max-width : 2560px){ 
	.main_container {
		/*background-size: 100%;*/
	}
}
@media all and (max-width : 1920px){ 
	.main_container {
		background-size: 30%;
	}
	.title{
	font-size: 1.5vw;
}
	.abs p {
	font-size: 0.75vw;
}
}
@media all and (max-width : 1600px){ 
	.main_container {
		background-size: 30%;
	}
}
@media all and (max-width : 1280px){ 
	.main_container {
		background-size: 30%;
	}
}
@media all and (max-width : 1024px){ 
	.abs {
		width: max-content;
	}
	.title-1 {
		top: -70%;
	}
	.title-3, .title-2 {
		top: -30%;
	}
	.title-5, .title-4 {
		top: 70%;
	}
	.title-6, .title-7 {
		top: 110%;
	}
	.title-8 {
		top: 150%;
	}
	.title {
		font-size: 16px;
	}
	.mail, .abs p {
		font-size: 10px;
		padding: 0px;
    	margin: 3px;
	}
	.mail_container {
		bottom: 0px;
	}
	.center {
		top: 25%;
	}
}
@media all and (max-width : 768px){ 
	.abs {
		width: max-content;
		padding: 15px 15px 5px 5px;
		margin: auto;
		position: inherit;
	}

	.logo {
		width: 95vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		position: inherit;
	}
	/*.title-1 {
		margin-top: 30%;
	}*/
	/*.title-1, .title-8 {
		margin: auto;
	}*/
	.center {
		position: inherit;
		
	}
	.center {
		width: 95%;
		padding-top: 0px;
	}
	.center h4 {
		font-size: 22px;
		line-height: 5px;
	}
	.center p {
		font-size: 12px;
		padding-bottom: 10px;
		line-height: 25px;
	}
	.mail {
		font-size: 12px;
	}
	.main_container {
		background-size: 70%;
	}
	.mail_container p{
		margin: auto;
		font-size: 12px;
		padding: 5px;
		bottom: 0px;
		margin-bottom: 0;
	}
}


@media all and (max-width : 500px){ 
	.mail_container {
		bottom: 0px;
	}
}