@media (min-width: 1025px)
{
	.parallax
	{
		/* the image used */
		background-image: url("../cvd-parallaxphoto/ganesh7.jpg");
		/* set specific height of the background image */
		min-height: 250px;
		padding-top: 10vh;
		/* create parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.flexBox
	{
		display: flex;
		flex-direction: row;
		/*justify-content: center;*/
		/* display the flex items with space before, between and after them.
		   If this is written, margin: 0 7%; in text-block class is not required. */
		justify-content: space-around;
		/* align-items property specifies the default alignment for items inside flexbox or grid container.
		   center - Items are positioned at the center of the container. */
		align-items: center;
	}
	.text-block
	{
		background-color: white;
		padding: 50px 50px 50px 50px;
		border: 2px solid black;
		border-radius: 20px 20px 20px 20px;
		/* margin adds space between the boxes */
		/*margin: 0 7%;*/
	}
	.para
	{
		font-weight: bold;
		font-family: Helvetica, sans-serif;
		color: red;
	}
}

@media (min-width: 768px) and (max-width: 1024px)
{
	.parallax
	{
		/* the image used */
		background-image: url("../cvd-parallaxphoto/ganesh7.jpg");
		/* set specific height */
		min-height: 700px;
		padding-top: 100vh;
		/* create parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.flexBox
	{
		display: flex;
		flex-direction: row;
		/*justify-content: center;*/
		/* display the flex items with space before, between and after them.
		   If this is written, margin: 0 7%; in text-block class is not required. */
		justify-content: space-around;
		/* align-items property specifies the default alignment for items inside flexbox or grid container.
		   center - Items are positioned at the center of the container. */
		align-items: center;
	}
	.text-block
	{
		background-color: white;
		padding: 80px 80px 80px 80px;
		border: 2px solid black;
		border-radius: 20px 20px 20px 20px;
		/* margin adds space between the boxes */
		/*margin: 0 7%;*/
	}
	.para
	{
		font-weight: bold;
		font-size: 25px;
		font-family: Helvetica, sans-serif;
		color: red;
	}
}

@media (max-width: 767px)
{
	.parallax
	{
		/* the image used */
		background-image: url("../cvd-parallaxphoto/ganesh7.jpg");
		/* set specific height */
		min-height: 700px;
		padding-top: 100vh;
		/* create parallax scrolling effect */
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.flexBox
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* display the flex items with space before, between and after them.
		   If this is written, margin: 0 7%; in text-block class is not required. */
		/*justify-content: space-around;*/
		/* align-items property specifies the default alignment for items inside flexbox or grid container.
		   center - Items are positioned at the center of the container. */
		align-items: center;
	}
	.text-block
	{
		background-color: white;
		padding: 30px 30px 30px 30px;
		border: 2px solid black;
		border-radius: 20px 20px 20px 20px;
		/* margin adds space above and below the boxes */
		margin: 20px 0;
	}
	.para
	{
		font-weight: bold;
		font-family: Helvetica, sans-serif;
		color: red;
	}
}