@media only screen and (max-width: 680px)
{

	.first-screen-text
	{
		max-width: 400px;
	}

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

	.first-screen-text h2
	{
		font-size: 30px;
	}

	.first-screen-text > p
	{
		font-size: 18px;
	}

	.first-screen-img > div:first-child
	{
		width: 400px;
		height: 400px;
	}


	.about-img
	{
		height: 300px;
	}

	.about p
	{
		font-size: 14px;
	}



	.pro-vastu p
	{
		line-height: 150%;
	}

	.pro-vastu-img
	{
		width: 300px;
		height: 300px;
	}


	.consultation p
	{
		font-size: 14px;
	}


	.practikum p
	{
		font-size: 14px;
	}


	.calendar p
	{
		font-size: 14px;
	}


	.guide .container h2 span
	{
		font-size: 24px;
	}

	.guide-img
	{
		height: 300px;
	}

}



















@media only screen and (max-width: 480px)
{

	.first-screen-text
	{
		max-width: 400px;
		margin: 30px 10px 0 10px;
	}

	.first-screen-text h1
	{
		font-size: 40px;
		letter-spacing: 5px;
	}

	.first-screen-text h2
	{
		font-size: 20px;
	}

	.first-screen-text > p
	{
		font-size: 14px;
	}

	.first-screen-text > p:nth-child(4)
	{
		font-size: 24px;
	}

	.first-screen-text > p:nth-child(4) > span:first-child
	{
		display: none;
	}

	.first-screen-text > p:nth-child(4) > span:last-child
	{
		display: block;
	}

	.first-screen-img > div:first-child
	{
		width: 300px;
		height: 300px;
	}


	.about
	{
		margin: 100px 0 0 0;
	}


	.about h2
	{
		font-size: 40px;
	}


	.pro-vastu .container
	{
		padding: 40px 0;
	}

	.pro-vastu h2
	{
		font-size: 40px;
	}

	.pro-vastu p
	{
		font-size: 14px;
		line-height: 150%;
	}

	.pro-vastu-img
	{
		width: 250px;
		height: 250px;
	}


	.consultation h2
	{
		font-size: 40px;
	}

	.consultation-img
	{
		width: 200px;
		height: 200px;
	}


	.practikum h2
	{
		font-size: 40px;
	}


	.practikum
	{
		margin: 120px 0 0 0;
	}

	.practikum-img
	{
		width: 200px;
		height: 200px;
	}


	.calendar h2
	{
		font-size: 40px;
	}

	.calendar
	{
		margin: 120px 0 0 0;
	}

	.calendar-img
	{
		width: 150px;
		height: 150px;
	}


	.guide
	{
		margin: 120px 0 0 0;
	}

	.guide .container h2
	{
		font-size: 40px;
	}

	.guide .container h2 span
	{
		font-size: 16px;
	}

	.guide .container p
	{
		font-size: 14px;
	}

	.guide-img
	{
		height: 250px;
	}

	.expert-review h2
	{
		font-size: 40px;
		margin: 0 0 20px 0;
	}

}



















@media only screen and (max-width: 440px)
{

	.first-screen-img > div:first-child
	{
		width: 280px;
		height: 280px;
	}

}
















@media only screen and (max-width: 380px)
{

	.about-img
	{
		height: 250px;
	}

	.about h2
	{
		font-size: 30px;
	}


	.pro-vastu h2
	{
		font-size: 30px;
	}


	.practikum h2
	{
		font-size: 30px;
	}


	.consultation h2
	{
		font-size: 30px;
	}


	.calendar h2
	{
		font-size: 30px;
	}


	.guide .container h2
	{
		font-size: 30px;
	}

	.guide-img
	{
		height: 200px;
	}

	.expert-review h2
	{
		font-size: 30px;
		margin: 0 0 10px 0;
	}


}