/*-----------------------1400-----------------------*/

@media (max-width: 1400px)
{


/*-----HEADER-----*/

header
{
	flex-direction: column-reverse;
}

.header-text
{
	max-width: 1200px;
	margin: 0 auto;
}

.header-text h1
{
	font-size: 70px;
	line-height: 90px;
	letter-spacing: 7px;
}


.header-text h1 span
{
	font-size: 50px;
}

.header-text  h1:first-child:before
{
	top:200px;
	left: 350px;
	width: 130px;
	height: 130px;
}

.header-text  h1:first-child:after
{
	top:200px;
	right: 350px;
	width: 130px;
	height: 130px;
}

.header-text h2
{
	font-size: 35px;
	line-height: 45px;
	letter-spacing: 5px;
	margin: 250px 0 0 0;
}

.header-text h2 span
{
	font-size: 20px;
	letter-spacing: 3px;
}


.preamble
{
	margin: 70px auto 0 auto;
	width:500px;
	line-height: 40px;
	font-size: 18px;
}



	.wrap-photo
	{
		margin: 100px auto 0 auto;
	}


}/*-----------------------1400-END-----------------------*/





















/*-----------------------1100-----------------------*/

@media (max-width: 1100px)
{

.header-text
{
	max-width: 950px;
}

.header-text h1
{
	font-size: 60px;
	letter-spacing: 5px;
}

.header-text h1 span
{
	font-size: 40px;
}

.header-text  h1:first-child:before
{
	left: 200px;
}

.header-text  h1:first-child:after
{
	right: 200px;
}

.header-text h2
{
	font-size: 30px;
	margin: 200px 0 0 0;
}

.header-text h2 span
{
	font-size: 18px;
	letter-spacing: 2px;
}


.preamble
{
	margin: 70px auto 0 auto;
	width:450px;
	line-height: 40px;
	font-size: 16px;
}

}/*-----------------------1100-END-----------------------*/




















/*-----------------------1024-----------------------*/

@media (max-width: 1024px)
{


	/*-----WHY ME-----*/

	.why-me h1
	{
		width: 500px;
		font-size: 40px;
		letter-spacing: 7px;
	}

	.whi-me-img
	{
		width:100px;
		height:100px;
		margin: 0 auto 80px auto;
	}

	.why-me h1:before
	{
		width: 40px;
	}

	.why-me h1:after
	{
		width: 40px;
	}

	/*-----FEEDBACK-----*/

	.feedback h1
	{
		width: 500px;
		font-size: 40px;
		letter-spacing: 7px;
	}

	.feedback-img
	{
		width:100px;
		height:100px;
		margin: 50px auto 0 auto;
	}

	.feedback h1:before
	{
		width: 40px;
	}

	.feedback h1:after
	{
		width: 40px;
	}


	/*-----THANKS-GIVING-----*/

		.thanks-giving h1
	{
		width: 650px;
		font-size: 40px;
		letter-spacing: 7px;
	}

	.thanks-giving-img
	{
		width:120px;
		height:120px;
		margin: 50px auto 0 auto;
	}

	.thanks-giving h1:before
	{
		width: 40px;
	}

	.thanks-giving h1:after
	{
		width: 40px;
	}

	.thanks-giving>div:last-child:before
	{

		left: 20px;
		width: 100px;
		height: 100px;
	}

	.thanks-giving>div:last-child:after
	{
		right: 20px;
		width: 100px;
		height: 100px;
	}


	/*-----CERTIFICATES-----*/

	.certificates h1
	{
		width: 650px;
		font-size: 40px;
		letter-spacing: 7px;
	}

	.certificates-img
	{
		width:100px;
		height:100px;
		margin: 50px auto 0 auto;
	}

	.certificates h1:before
	{
		width: 40px;
	}

	.certificates h1:after
	{
		width: 40px;
	}

	/*-----PRICE	-----*/

	.price h2
	{
		width: 650px;
		font-size: 40px;
		letter-spacing: 7px;
	}

	.price-img
	{
		width:100px;
		height:100px;
		margin: 50px auto 0 auto;
	}

	.price h2:before
	{
		width: 40px;
	}

	.price h2:after
	{
		width: 40px;
	}
}



/*-----------------------1024-END-----------------------*/






















/*-----------------------950-----------------------*/

@media (max-width: 950px)
{



.header-text
{
	max-width: 850px;
}

.header-text h1
{
	font-size: 50px;
	letter-spacing: 5px;
}

.header-text h1 span
{
	font-size: 30px;
}

.header-text  h1:first-child:before
{
	left: 180px;
	width: 100px;
	height: 100px;
}

.header-text  h1:first-child:after
{
	right: 180px;
	width: 100px;
	height: 100px;
}

.header-text h2
{
	font-size: 30px;
	margin: 200px 0 0 0;
}

.header-text h2 span
{
	font-size: 18px;
	letter-spacing: 2px;
}


.preamble
{
	margin: 70px auto 0 auto;
	width:450px;
	line-height: 40px;
	font-size: 16px;
}








}/*-----------------------950-END-----------------------*/




















/*-----------------------900-----------------------*/

@media (max-width: 900px)
{

footer
{
	flex-direction: column;
	margin: 100px 0 20px 0;
}


footer a:not(:first-child)
{
	color: #fff!important;
	text-align: center;
	height: 60px;
	width: 300px;
	line-height: 60px;
	cursor: pointer;
	border: 3px solid #0eb1d2!important;
	border-radius:50px;
	padding: 0!important;
	margin: 0 auto;
}

footer a:hover:not(:first-child)
{
	color: #0eb1d2!important;
	border: 1px solid #fff!important;
}

footer a:nth-child(3)
{
	margin: 20px auto 20px auto;
}



}/*-----------------------900-END-----------------------*/
























/*-----------------------850-----------------------*/

@media (max-width: 850px)
{


/*-----HEADER-----*/

.header-text
{
	max-width: 800px;
}

.header-text h1
{
	font-size: 45px;
	letter-spacing: 5px;
	line-height: 70px;
}

.header-text h1 span
{
	font-size: 35px;
}

.header-text  h1:first-child:before
{
	top:170px;
	left:180px;
}

.header-text  h1:first-child:after
{
	top:170px;
	right:180px;
}


.header-text h2
{
	font-size: 25px;
	line-height: 40px;
	letter-spacing: 5px;
	margin: 180px 0 0 0;
}

.header-text h2 span
{
	font-size: 18px;
	letter-spacing: 2px;
}

.header-text div:nth-child(4)
{
	margin-top: 65px;
}

.lid2, .lid3
{
	margin: 50px 0;
}


.mail, .whatsapp
{
	width:220px;
	height: 50px;
	font-size: 12px;
	text-align:center;
	line-height: 50px;
	margin: 20px; 

}

.mail i, .whatsapp i
{
	font-size:16px;
}

.mail
{
	padding:0;
}

.whatsapp
{
	padding:0;
}


.preamble
{
	margin: 70px auto 0 auto;
	width:350px;
	font-size: 16px;
	line-height: 40px;
	text-align: justify;
}

.preamble:before
{
	top:-20px;
	left: -30px;
	width: 50px;
	height: 50px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
}

.preamble:after
{
	top:-20px;
	right: -30px;
	width: 50px;
	height: 50px;
	border-top: 3px solid #0eb1d2;
	border-right: 3px solid #0eb1d2;
}

.wrap-photo
{
	width: 600px;
}

.background-photo
{
	height: 600px;
	width: 216px;
	margin: 0 0 0 100px;
}

.photo
{
	top:50px;
	left: 70px;
	background-image: url(../images/evgeniya-yagzhina.png);
	background-position: center;
	background-size: cover;
	height: 500px;
	width: 330px;
}

.social
{
	left: 150px;
}


/*-----WHY-ME-----*/

.why-me h1
{
	margin: 250px auto 50px auto;
}


/*-----THANKS-GIVING-----*/

.thanks-giving>div:last-child
{
	margin:-50px auto 0 auto;
	width:600px;
}

.thanks2
{
	margin: 100px 0 0 70px;
}

.thanks3
{
	margin: 150px 0 0 0;
}



}/*-----------------------850-END-----------------------*/























/*-----------------------768-----------------------*/

@media (max-width: 768px)
{


	/*-----HEADER-----*/

	header
	{
		margin: 50px auto 0 auto;
	}

	.header-text h1
	{
		font-size: 40px;
	}

	.header-text h1 span
	{
		font-size: 30px;
	}

	.header-text  h1:first-child:before
	{
		top:170px;
		left:130px;
	}

	.header-text  h1:first-child:after
	{
		top:170px;
		right:130px;
	}

	/*-----NAV-MAIN-----*/

	.nav-main a, .nav-main p
	{
		font-size: 10px;
		font-weight: 400;
		width:120px;
		height: 30px;
		line-height:30px;
		text-transform: lowercase;
	}

	.nav-main > a > i
	{
		width: 15px;
		height: 15px;
	}

	/*-----WHY ME-----*/

	.why-me
	{
		margin: 0 0 100px 0;
	}

	.why-me h1
	{
		width: 400px;
		font-size: 30px;
		letter-spacing: 5px;
		margin: 250px auto 30px auto;
	}

	.whi-me-img
	{
		width:70px;
		height:70px;
		margin: 0 auto 30px auto;
	}

	.why-me h1:before
	{
		width: 30px;
		height: 3px;
	}

	.why-me h1:after
	{
		width: 30px;
		height: 3px;
	}

	/*-----FEEDBACK-----*/

	.feedback h1
	{
		width: 300px;
		font-size: 30px;
		letter-spacing: 5px;
	}

	.feedback-img
	{
		width:70px;
		height:70px;
		margin: 20px auto 0 auto;
	}

	.feedback h1:before
	{
		width: 30px;
		height: 3px;
	}

	.feedback h1:after
	{
		width: 30px;
		height: 3px;
	}

	.feedback > div:nth-child(3) > div:first-child
	{
		margin: 30px 20px 0 20px;
	}

	/*-----THANKS-GIVING-----*/

		.thanks-giving h1
	{
		width: 500px;
		font-size: 30px;
		letter-spacing: 5px;
	}

	.thanks-giving-img
	{
		width: 70px;
		height: 70px;
		margin: 50px auto 0 auto;
	}

	.thanks-giving h1:before
	{
		width: 30px;
		height: 3px;
	}

	.thanks-giving h1:after
	{
		width: 30px;
		height: 3px;
	}

	.thanks-giving>div:last-child:before
	{

		left: 20px;
		width: 70px;
		height: 70px;
		border-left: 3px solid #8ab9b5;
		border-top: 3px solid #8ab9b5;
	}

	.thanks-giving>div:last-child:after
	{
		right: 20px;
		width: 70px;
		height: 70px;
		border-right: 3px solid #8ab9b5;
		border-top: 3px solid #8ab9b5;
	}

	/*-----CERTIFICATES-----*/

	.certificates h1
	{
		width: 450px;
		font-size: 30px;
		letter-spacing: 5px;
	}

	.certificates-img
	{
		width:70px;
		height:70px;
		margin: 30px auto 0 auto;
	}

	.certificates h1:before
	{
		width: 30px;
		height: 3px;
	}

	.certificates h1:after
	{
		width: 30px;
		height: 3px;
	}

	/*-----PRICE-----*/

	.price
	{
		margin: 0 0 70px 0;
	}

	.price h2
	{
		width: 450px;
		font-size: 30px;
		letter-spacing: 5px;
	}

	.price-img
	{
		width:70px;
		height:70px;
		margin: 30px auto 0 auto;
	}

	.price h2:before
	{
		width: 30px;
		height: 3px;
	}

	.price h2:after
	{
		width: 30px;
		height: 3px;
	}

	.price > div
	{
		margin: 0;
	}

	.price-item
	{
		max-width: 350px;
		margin: 40px 15px;
	}

	.price-item > h3
	{
		font-size: 20px;
		margin: 0 0 10px 0;
	}

	.price-item-description
	{
		height: auto;
		font-size: 14px;
		margin: 0 0 20px 0;
	}

	/*-----TOP-SITE-----*/

	.top-site
	{
		left: 10px;
		width: 40px;
		height: 40px;
		border: 3px solid #fff;
		background-size: 30px;
	}

}

/*-----------------------768-END-----------------------*/






















/*-----------------------640-----------------------*/

@media (max-width: 640px)
{


	/*-----NAV-----*/

	.nav-main
	{
		display: none;
	}

	.nav-burger
	{
		display: flex;
	}


	.burger-items
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: fixed;
		top:0;
		left: -100000px;
		width: 300px;
		height: 0;
		overflow: hidden;
		transition: height .5s;
		z-index: 80;
	}

	.burger-items-open
	{
		height: 400px;
	}

	.burger-items a
	{
		text-decoration: none;
		color: #fff;
		font-size: 12px;
		text-align: center;
		line-height: 50px;
		text-transform: uppercase;
		width: 200px;
		height: 50px;
		border: 1px solid #fff;
		margin: 35px auto 0 auto;
	}

	.burger-items a i
	{
		color: #0eb1d2;
		font-size: 20px;
	}

	.burger-items a:first-child
	{
		margin: 0 auto;
	}

	.burger-items-close
	{
		position: fixed;
		top:0;
		left: -100000px;
		width: 20px;
		height: 20px;
		border: 1px solid #fff;
		color: #fff;
		text-align: center;
		line-height: 20px;
		z-index: 80;
	}


	/*-----HEADER-----*/

	header
	{
		margin: 70px auto 0 auto;
	}


	.header-text h1
	{
		padding: 0;
		font-size: 35px;
		line-height: 60px;
		letter-spacing: 2px;
	}


	.header-text h1 span
	{
		font-size: 25px;
	}

	.header-text  h1:first-child:before
	{
		top: 120px;
		left: 100px;
		width: 80px;
		height: 80px;
	}

	.header-text  h1:first-child:after
	{
		top: 120px;
		right: 95px;
		width: 80px;
		height: 80px;
	}

	.header-text h2
	{
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 3px;
		margin: 130px 0 0 0;
	}

	.header-text h2 span
	{
		font-size: 16px;
	}

	.preamble
	{
		margin: 50px auto 0 auto;
		width:300px;
		font-size: 14px;
		line-height: 30px;
	}

	.preamble:before
	{
		top:-10px;
		left: -20px;
		width: 40px;
		height: 40px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	.preamble:after
	{
		top:-10px;
		right: -20px;
		width: 40px;
		height: 40px;
		border-top: 1px solid #0eb1d2;
		border-right: 1px solid #0eb1d2;
	}

	.header-text div:nth-child(4)
	{
		margin: 0 auto;
		flex-direction: column-reverse;
	}

	.wrap-photo
	{
		width: 500px;
	}

	.background-photo
	{
		height: 500px;
		width: 180px;
		margin: 0 0 0 80px;
	}

	.photo
	{
		height: 400px;
		width: 264px;
	}

	.social
	{
		left: 120px;
	}


	/*-----WHY ME-----*/

	.why-me
	{
		display: none;
	}

	.why-me-mobile
	{
		display: block;
		margin: 0 0 100px 0;
	}

	.why-me-mobile h1
	{
		font-size: 30px;
		letter-spacing: 5px;
		margin: 200px auto 50px auto;
		width: 350px;
	}

	.why-me-mobile h1:before
	{
		width: 30px;
		height: 3px;
	}

	.why-me-mobile h1:after
	{
		width: 30px;
		height: 3px;
	}

	.whi-me-img
	{
		margin: 0 auto 30px auto;
	}


	.why-me-mobile div
	{
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		width: 300px;
		margin: 0 auto;
	}

	.why-me-mobile div:nth-child(3) h2
	{
		margin-top: 50px;
		padding: 20px 0 0 0;
		height: 200px;
		font-size: 18px;
	}

	.why-me-mobile div p
	{
		height: auto;
		width: 280px;
		padding: 20px 10px 20px 10px;
		font-size: 14px;
		text-align: justify;
		line-height: 30px;
	}


	.experience
	{
		background-position: 50% 60%;
		background-size: 40%;
	}

	.time
	{
		background-position: 50% 75%;
		background-size: 130px;
	}

	.best-price
	{
		background-position: 50% 80%;
		background-size: 150px;
	}

	.privace
	{
		background-position: 50% 80%;
		background-size: 40%;
	}

	.transparency
	{
		background-position: 50% 75%;
		background-size: 140px;
	}

	.flexibility
	{
		background-position: 50% 60%;
		background-size: 45%;
	}

	.distantly
	{
		background-position: 50% 65%;
		background-size: 130px;
	}

	.cashback
	{
		background-position: 50% 80%;
		background-size: 140px;
	}


	/*-----FEEDBACK-----*/


	.feedback>div:nth-child(3)>div
	{
		width: 350px;
		height: 450px;
	}

	.feedback>div:nth-child(3) div h3
	{
		height: 22px;
		margin-top: 10px;
		font-size: 22px;
	}


	.feedback>div:nth-child(3)>div p:nth-child(2)
	{
		line-height: 25px;
		font-size:14px;
	}



	.feedback>div:nth-child(3)>div p:nth-child(3)
	{
		font-size: 14px;
	}


	.feedback>div:nth-child(3)>div div:last-child a i,
	.feedback>div:nth-child(3)>div div:last-child p i
	{
		font-size: 20px;
		margin-left: 5px;
	}

	/*---------FEEDBACK3---------*/
	.feedback3 h3
	{
	width: 310px!important;
	}


	/*---------FEEDBACK4---------*/
	.feedback4 h3
	{
	width: 270px!important;
	}


	/*---------FEEDBACK5---------*/
	.feedback5 h3
	{
	width: 280px!important;
	}

	/*---------FEEDBACK8---------*/
	.feedback8 h3
	{
	width: 310px!important;
	}


	/*-----THANKS-GIVING-----*/

	.thanks-giving>div:last-child
	{
		flex-wrap:wrap;
		flex-direction: column;
		justify-content: center;
		margin:-35px auto 0 auto;
		max-width:300px;
	}

	.thanks-giving>div:last-child:before
	{

		left: 0;
		width: 40px;
		height: 40px;
		border-left: 1px solid #8ab9b5;
		border-top: 1px solid #8ab9b5;
	}

	.thanks-giving>div:last-child:after
	{
		right: 0;
		width: 40px;
		height: 40px;
		border-right: 1px solid #8ab9b5;
		border-top: 1px solid #8ab9b5;
	}

	.thanks1
	{
		margin: 100px auto 0 auto;
	}

	.thanks2, .thanks3
	{
		margin: 150px auto 0 auto;
	}


}


/*-----------------------640-END-----------------------*/


















/*-----------------------900---640-----------------------*/

@media (max-height: 900px), (max-width: 640px)
{


	/*-----FEEDBACK-----*/


	.feedback5 div:last-child p,
	.feedback6 div:last-child p
	{
		display: none;
	}

	.feedback5 div:last-child a,
	.feedback6 div:last-child a
	{
		display: block;
		border-radius: 0 0 5px 5px!important;
	}

	.feedback5 div:last-child a,
	.feedback6 div:last-child a
	{
		width: 100%!important;
	}


	/*-----THANKS-GIVING-----*/

	.thanks-giving>div:last-child div p:first-child,
	.thanks-giving>div:last-child div p:nth-child(2)
	{
		display: none;
	}

	.thanks-giving>div:last-child div a
	{
		display: block;
		font-size: 20px;
	}

	.thanks-giving>div:last-child div a i
	{
		font-size: 24px;
		margin: 10px 0 0 20px;
	}


	/*-----CERTIFICATES-----*/

	.certificates>div:last-child div p:first-child
	{
		display: none;
	}

	.certificates>div:last-child div p:nth-child(2)
	{
		display: none;
	}

	.certificates>div:last-child div a
	{
		font-size: 20px;
	}

	.certificates>div:last-child div a i
	{
		font-size: 24px;
		margin: 10px 0 0 20px;
	}


	.certificates>div:last-child div a
	{
		display: block;
	}


}












/*-----------------------540-----------------------*/

@media (max-width: 540px)
{


/*-----NAV-BURGER-----*/

.nav-burger a
{
	font-size: 14px;
	font-weight: 600;
}


/*-----HEADER-----*/


.header-text h1
{
	font-size: 30px;
	line-height: 60px;
	letter-spacing: 2px;
}

.header-text h1 span
{
	font-size: 20px;
}

.wrap-photo
{
	width: 350px;
	margin: 50px auto 0 auto;
}

.background-photo
{
	height: 500px;
	width: 180px;
	margin: 0 0 0 8px;
}


/*-----WHY ME-----*/

.why-me-mobile h1
{
	font-size: 22px;
	letter-spacing: 5px;
	margin: 200px auto 30px auto;
	width: 300px;
}

.whi-me-img
{
	margin: 0 auto;
}


/*-----FEEDBACK-----*/

#feedback
{
	margin: 0 0 50px 0;
}

.feedback h1
{
	width: 250px;
	font-size: 22px;
}

.feedback-img
{
	width:70px;
	height:70px;
	margin: 20px auto 0 auto;
}



/*-----THANKS-GIVING-----*/

	.thanks-giving h1
{
	width: 300px;
	font-size: 20px;
	letter-spacing: 2px;
}

.thanks-giving-img
{
	width: 70px;
	height: 70px;
	margin: 30px auto 0 auto;
}


/*-----CERTIFICATES-----*/


.certificates
{
margin:  200px 0 130px 0;	
}



.certificates h1
{
	width: 300px;
	font-size: 22px;
	letter-spacing: 2px;
}

/*-----PRICE-----*/

.price
{
	margin: 0 0 30px 0;
}


.price h2
{
	width: 300px;
	font-size: 22px;
	letter-spacing: 2px;
}


.lid3
{
	margin: 0;
}


/*-----FOOTER-----*/

footer
{
	flex-direction: column;
	margin: 50px 0 20px 0;
}



}/*-----------------------540-END-----------------------*/





















/*-----------------------480-----------------------*/

@media (max-width: 480px)
{


	/*-----HEADER-----*/


	.header-text h1
	{
		font-size: 25px;
		line-height: 40px;
		letter-spacing: 2px;
	}


	.header-text h1 span
	{
		font-size: 20px;
	}

	.header-text  h1:first-child:before
	{
		top: 100px;
		left: 70px;
		width: 70px;
		height: 70px;
	}

	.header-text  h1:first-child:after
	{
		top: 100px;
		right: 70px;
		width: 70px;
		height: 70px;
	}

	.header-text h2
	{
		font-size: 18px;
		line-height: 30px;
		letter-spacing: 3px;
		margin: 110px 0 0 0;
	}

	.header-text h2 span
	{
		font-size: 14px;
	}


	/*-----FEEDBACK-----*/

	.feedback>div:nth-child(3)>div
	{
		width: 280px;
		height: 430px;
	}

	.feedback>div:nth-child(3) div h3
	{
		height: 18px;
		font-size: 18px;
		width: 90px;
	}

	.feedback>div:nth-child(3)>div p:nth-child(2)
	{
		font-size:12px;
	}



	.feedback>div:nth-child(3)>div p:nth-child(3)
	{
		padding: 10px;
		font-size: 12px;
		height: 140px;
	}


	.feedback>div:nth-child(3) div h3:before
	{
		top: 25%;
		height: 10px;
		width: 10px;
	}

	.feedback>div:nth-child(3) div h3:after
	{
		top: 25%;
		height: 10px;
		width: 10px;
	}

	.feedback-text-open
	{
		padding: 10px 10px 40px 10px!important;
	}

	/*---------FEEDBACK2---------*/
	.feedback2 h3
	{
	width: 160px!important;
	}

	/*---------FEEDBACK3---------*/
	.feedback3 h3
	{
	width: 240px!important;
	}


	/*---------FEEDBACK4---------*/
	.feedback4 h3
	{
	width: 210px!important;
	}

	.feedback4 div:nth-child(4) a:nth-child(2),
	.feedback4 div:nth-child(4) a:nth-child(2) i
	{
		font-size:12px!important;	
	}


	/*---------FEEDBACK5---------*/
	.feedback5 h3
	{
	width: 230px!important;
	}

	/*---------FEEDBACK8---------*/
	.feedback8 h3
	{
	width: 250px!important;
	}

	/*-----PRICE-----*/

	.price-item > a
	{
		font-size: 16px;
	}


	.price-item > a > i
	{
		width: 20px;
		height: 20px;
	}



	/*-----TOP-SITE-----*/

	.top-site
	{
		width: 30px;
		height: 30px;
		border: 2px solid #fff;
		background-size: 20px;
	}



	footer a:not(:first-child)
	{
		height: 40px;
		width: 230px;
		line-height: 40px;
		font-size: 12px;
	}

}/*-----------------------480-END-----------------------*/


























/*-----------------------480-and-landscape-----------------------*/

@media (max-height: 480px) and (orientation: landscape) 
{
	
.request
{
	width: 470px;
}

.request-close-button
{
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	margin: 30px auto 0 auto;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 30px;
	cursor: pointer;
}

.request-show
{
	height: 310px;
}


.request form
{
	width: 470px;
	margin: 30px auto 0 auto;
}


.request form input[type=text]
{
	position:absolute;
	left:10px;
	width: 150px;
	margin: 0;
}

.request form textarea
{
	position:absolute;
	top:0;
	left:200px;
	width:250px;
	margin: 0;
}



.request form input:nth-child(4)
{
		top:50px;
}

.request form input:nth-child(5)
{
	top:100px;
}


.request form input[type=submit]
{
	position: absolute;
	top:94px;
	left:205px;
	margin: 0;
	height: 40px;
	line-height: 35px;
}


.request form a
{
	position: absolute;
	top:160px;
	left:110px;
	margin:0;
}

.request form span
{

}

.request form span
{
	position: absolute;
	top: 5px;
	left: 155px;
}


.request form span:nth-child(3)
{
	top: 55px;
}



.burger-items
{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 400px;
	overflow: hidden;
}

.burger-items-open
{
	height: 150px;
}

.burger-items a
{
	line-height: 50px;
	width: 180px;
	height: 50px;
	border: 1px solid #fff;
	font-size: 14px
}

.burger-items a:nth-child(1),
.burger-items a:nth-child(2)
{
	margin: 0 0 40px 0;
}

.burger-items a:nth-child(3),
.burger-items a:nth-child(4)
{
	margin: 0;
}




}


















/*-----------------------480-and-landscape-END----------------------*/

@media (orientation: portrait) 
{

	.request form
	{
		min-height: 388px;
	}

	.request-show
	{
		min-height: 450px;
	}

}














/*-----------------------380-----------------------*/

@media (max-width: 380px)
{

/*-----NAV-BURGER-----*/

.nav-burger a
{
	font-size: 12px;
}

.burger-items a
{
	margin: 20px auto 0 auto;
}

/*-----HEADER-----*/


.header-text h1
{
	font-size: 20px;
}


.header-text h1 span
{
	font-size: 16px;
}

.header-text  h1:first-child:before
{
	top: 80px;
	left: 50px;
	width: 60px;
	height: 60px;
}

.header-text  h1:first-child:after
{
	top: 80px;
	right: 50px;
	width: 60px;
	height: 60px;
}

.header-text h2
{
	font-size: 16px;
	margin: 90px 0 0 0;
}

.header-text h2 span
{
	font-size: 12px;
}

.preamble
{
	margin: 30px auto 20px auto;
	width:240px;
	font-size: 12px;
	line-height: 25px;
}

.wrap-photo
{
	width: 300px;
}

.background-photo
{
	height: 400px;
	width: 144px;
	margin: 0 0 0 8px;
}

.photo
{
	height: 300px;
	width: 198px;
}

.social
{
	left: 80px;
}


/*-----WHY ME-----*/

.why-me-mobile h1
{
	font-size: 20px;
	margin: 150px auto 30px auto;
	width: 300px;
}


.whi-me-img
{
	margin: 0 auto;
}


.why-me-mobile div
{
	width: 280px;
}

.why-me-mobile div:nth-child(3) h2
{
	width: 100%;
	height: 200px;
	font-size: 18px;
}

.why-me-mobile div p
{
	width: 260px;
	padding: 10px;
	line-height: 30px;
}

/*-----FEEDBACK-----*/

.feedback>div:nth-child(3)>div
{
	height: 410px;
}

.feedback>div:nth-child(3) div h3
{
	font-size: 18px;
}

	/*-----PRICE-----*/

	.price-item > a
	{
		font-size: 14px;
		padding: 15px 10px;
	}


	.price-item > a > i
	{
		width: 20px;
		height: 20px;
		margin: 0 0 0 8px;
	}


}/*-----------------------380-END-----------------------*/
















/*-----------------------320-----------------------*/

@media (max-width: 320px)
{

/*-----NAV-BURGER-----*/

.burger-items
{
	width: 260px;
}

.burger-items-open
{
	height: 350px;
}

}/*-----------------------320-END-----------------------*/