/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.main-container {
		padding-top: 2rem;
	}

	.para-div {
		padding: 0 6%;
		margin: 6% 0;
	}

	p.para {
		font-size: 1.4rem;
	}

	.title {
		padding: 0% 2rem;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}