.responsive-title {
	font-size: 3.2rem;
}

.responsive-subtitle {
	font-size: 2rem
}

.responsive-body {
	font-size: 1.6rem;
}

.responsive-subbody {
	font-size: 1.4rem;
}

.responsive-text {
	font-size: 1.2rem;
}

.responsive-subtext {
	font-size: 1rem;
}

.responsive-img-big {
	width: 220px;
	height: 220px;
}

.responsive-img-mid {
	width: 120px;
	height: 120px;
}

.responsive-img-sml {
	width: 80px;
	height: 80px;
}

.responsive-banner {
	width: 100%;
	height: 576px;
}

/*Smartwatches vw>=220 & vw<=320 */
@media only screen and (min-device-width: 220px) and (max-device-width: 320px) {
	.responsive-title {
		font-size: 38px;
	}

	.responsive-subtitle {
		font-size: 20px;
	}

	.responsive-body {
		font-size: 14px;
	}

	.responsive-subbody {
		font-size: 12px;
	}

	.responsive-text {
		font-size: 10px;
	}

	.responsive-subtext {
		font-size: 8px;
	}

	.responsive-img-big {
		width: 110px;
		height: 110px;
	}

	.responsive-img-mid {
		width: 60px;
		height: 60px;
	}

	.responsive-img-sml {
		width: 30px;
		height: 30px;
	}

	.responsive-banner {
		width: 100%;
		height: 400px;
	}
}

/*Smaller devices vw>=321 & vw<=420 */
@media only screen and (min-device-width: 321px) and (max-device-width: 420px) {
	.responsive-title {
		font-size: 42px;
	}

	.responsive-subtitle {
		font-size: 24px;
	}

	.responsive-body {
		font-size: 14px;
	}

	.responsive-subbody {
		font-size: 12px;
	}

	.responsive-text {
		font-size: 10px;
	}

	.responsive-subtext {
		font-size: 8px;
	}

	.responsive-img-big {
		width: 130px;
		height: 130px;
	}

	.responsive-img-mid {
		width: 60px;
		height: 60px;
	}

	.responsive-img-sml {
		width: 40px;
		height: 40px;
	}

	.responsive-banner {
		width: 100%;
		height: 400px;
	}
}

/*Smart Phones vw>=421px & vw<=600 */
@media only screen and (min-device-width: 421px) and (max-device-width: 600px) {
	.responsive-title {
		font-size: 44px;
	}

	.responsive-subtitle {
		font-size: 26px;
	}

	.responsive-body {
		font-size: 14px;
	}

	.responsive-subbody {
		font-size: 12px;
	}

	.responsive-text {
		font-size: 10px;
	}

	.responsive-subtext {
		font-size: 8px;
	}

	.responsive-img-big {
		width: 150px;
		height: 150px;
	}

	.responsive-img-mid {
		width: 80px;
		height: 80px;
	}

	.responsive-img-sml {
		width: 50px;
		height: 50px;
	}

	.responsive-banner {
		width: 100%;
		height: 500px;
	}
}

/*Tablets and Large Phones vw>=601px & vw<=768px */
@media only screen and (min-device-width: 601px) and (max-device-width: 768px) {
	.responsive-title {
		font-size: 46px;
	}

	.responsive-subtitle {
		font-size: 28px;
	}

	.responsive-body {
		font-size: 16px;
	}

	.responsive-subbody {
		font-size: 14px;
	}

	.responsive-text {
		font-size: 12px;
	}

	.responsive-subtext {
		font-size: 10px;
	}

	.responsive-img-big {
		width: 140px;
		height: 140px;
	}

	.responsive-img-mid {
		width: 100px;
		height: 100px;
	}

	.responsive-img-sml {
		width: 60px;
		height: 60px;
	}

	.responsive-banner {
		width: 100%;
		height: 500px;
	}
}

/*Tablets vw>=769px & vw<=992px */
@media only screen and (min-device-width: 769px) and (max-device-width: 992px) {
	.responsive-title {
		font-size: 48px;
	}

	.responsive-subtitle {
		font-size: 28px;
	}

	.responsive-body {
		font-size: 16px;
	}

	.responsive-subbody {
		font-size: 14px;
	}

	.responsive-text {
		font-size: 12px;
	}

	.responsive-subtext {
		font-size: 10px;
	}

	.responsive-img-big {
		width: 140px;
		height: 140px;
	}

	.responsive-img-mid {
		width: 100px;
		height: 100px;
	}

	.responsive-img-sml {
		width: 60px;
		height: 60px;
	}

	.responsive-banner {
		width: 100%;
		height: 500px;
	}
}

/*Laptops and Desktops vw>=993px & vw<=1200px */
@media only screen and (min-device-width: 993px) and (max-device-width: 1200px) {
	.responsive-title {
		font-size: 48px;
	}

	.responsive-subtitle {
		font-size: 25px;
	}

	.responsive-body {
		font-size: 11px;
	}

	.responsive-subbody {
		font-size: 10px;
	}

	.responsive-text {
		font-size: 9px;
	}

	.responsive-subtext {
		font-size: 8px;
	}

	.responsive-img-big {
		width: 180px;
		height: 180px;
	}

	.responsive-img-mid {
		width: 120px;
		height: 120px;
	}

	.responsive-img-sml {
		width: 80px;
		height: 80px;
	}

	.responsive-banner {
		width: 100%;
		height: 576px;
	}
}

/*Monitors, Desktops vw>=1201px */
@media only screen and (min-device-width: 1201px) {
	.responsive-title {
		font-size: 50px;
	}

	.responsive-subtitle {
		font-size: 25px;
	}

	.responsive-body {
		font-size: 14px;
	}

	.responsive-subbody {
		font-size: 12px;
	}

	.responsive-text {
		font-size: 11px;
	}

	.responsive-subtext {
		font-size: 10px;
	}

	.responsive-img-big {
		width: 200px;
		height: 200px;
	}

	.responsive-img-mid {
		width: 120px;
		height: 120px;
	}

	.responsive-img-sml {
		width: 80px;
		height: 80px;
	}

	.responsive-banner {
		width: 100%;
		height: 576px;
	}
}