@media (min-width: 1200px) {
	#spotlight {
		text-align: center;
		color: #89bd4d;
		font-size: 2vw;
		height: 15em;
		padding-top: 5%;
		padding-left: 22%;
		padding-right: 22%;
	}
	.spotlight_text {
		font-size: 1.4vw;
	}
	#spotlight_text1 {
		font-weight: bold;
		font-size: 1.2vw;
	}

	#spotlight_text2 {
		font-style: italic;
		font-size: 1.2vw;
	}

	#spotlight_text3 {
		font-size: 1.2vw;
	}
	#spotlight_left {
		padding-top: 3.5em;
		display: inline-block;
		float: left;

	}
	#spotlight_right {
		display: inline-block;
		float: right;
		font-size: 3vw;
	}
	#content {
		background-color: #89bd4d;
		display: block;
		color: white;
		height: max-content;
		padding: 2em;
		text-align: center;
	}

	div#content p {
		font-size: 1.5vw;
	}

	div#content p span {
		font-weight:bold;
	}

	div#content p span#content_sp1 {
		font-size: 2vw;
	}
}
@media (min-width: 940px) and (max-width: 1200px) {

	#spotlight {
		text-align: center;
		color: #89bd4d;
		font-size: 2vw;
		height: 20em;
		padding-top: 1%;
		padding-left: 10%;
		padding-right: 10%;
	}
	.spotlight_text {
		font-size: 2vw;
	}
	#spotlight_text1 {
		font-weight: bold;
		font-size: 1.8vw;
	}

	#spotlight_text2 {
		font-style: italic;
		font-size: 1.8vw;
	}

	#spotlight_text3 {
		font-size: 1.8vw;
	}

	#spotlight_left {
		padding-top: 3.5em;
		display: inline-block;
		width: 40%;
	}
	#spotlight_right {
		display: inline-block;
		width: 40%;
		font-size: 3vw;
	}
	#spotlight_title {
		font-size: 3vw;
	}

	#content {
		background-color: #89bd4d;
		display: block;
		color: white;
		height: max-content;

		padding: 2em;

		text-align: center;
	}

	div#content p {
		font-size: 2.2vw;
	}

	div#content p span {
		font-weight:bold;
	}

	div#content p span#content_sp1 {
		font-size: 2vw;
	}
}

@media (min-width: 601px) and (max-width: 939.9px) {

	#spotlight {
		text-align: center;
		color: #89bd4d;
		font-size: 2vw;
		height: auto;
		padding-top: 1%;
		padding-left: 10%;
		padding-right: 10%;
	}
	.spotlight_text {
		font-size: 2.8vw;
	}
	#spotlight_text1 {
		font-weight: bold;
		font-size: 2.4vw;
	}

	#spotlight_text2 {
		font-style: italic;
		font-size: 2.4vw;
	}

	#spotlight_text3 {
		font-size: 2.4vw;
	}

	#spotlight_left {
		padding-top: 3.5em;
		display: inline-block;
		width: 80%;
	}
	#spotlight_right {
		display: inline-block;
		width: 80%;
		font-size: 3vw;
	}
	#spotlight_title {
		font-size: 4vw;
	}

	#content {
		background-color: #89bd4d;
		display: block;
		color: white;
		height: max-content;

		padding: 2em;

		text-align: center;
	}

	div#content p {
		font-size: 2vw;
	}

	div#content p span {
		font-weight:bold;
	}

	div#content p span#content_sp1 {
		font-size: 3.2vw;
		}
}

@media (min-width: 10px) and (max-width: 600px) {

	#spotlight {
		text-align: center;
		color: #89bd4d;
		font-size: 4vw;
		height: auto;
		padding-left: 5%;
		padding-right: 5%;
	}
	.spotlight_text {
		margin: 0;
		padding-top: 0em;
		display: block;
		font-size: 4vw;
	}
	#spotlight_text1 {
		font-weight: bold;
		font-size: 4vw;
	}

	#spotlight_text2 {
		font-style: italic;
		font-size: 3.8vw;
	}

	#spotlight_text3 {
		font-size: 3.2vw;
	}

	#spotlight_left {
		padding-top: 4em;
		display: inline-block;
		width: 80%;
	}
	#spotlight_right {
		display: inline-block;
		width: 80%;
		font-size: 3vw;
	}
	#spotlight_title {
		font-size: 5vw;
	}

	#content {
		background-color: #89bd4d;
		display: block;
		color: white;
		height: auto;
		padding: 2em;
		text-align: center;
	}

	div#content p {
		font-size: 4vw;
		word-wrap: normal;
		word-break: keep-all;
		text-align: center;
	}

	div#content p span {
		font-weight:bold;
		display: block;
		padding: 10px;
	}

	div#content p span#content_sp1 {
		font-size: 5vw;
	}
	div#content p span#content_sp1 span {
		display: block;
		width: 100%;
	}

	#spotlight_image_title {
		font-size: 6vw;
	}
}