@charset "UTF-8";

	.headline {
		/*text-transform: uppercase;*/
		text-align: center;
		letter-spacing: 0px;
		margin-left: ; /* to compensate for the letter spacing */
		margin-top: 2rem;
		color: lightskyblue;
	}

	.subtitle {
		letter-spacing: 10px;
		text-indent: 8px;
		font-size: 1rem;
		color: #444;
		/*text-transform: uppercase;*/
	}

	.subtitle2 {
		color: #555;
		max-width: 80%;
		font-size: 80% !important;
		font-style: italic;
		margin-top: 1rem;
	}

	.titleDivider {
		max-width: 90%;
		border: none;
		height: 1px;
		background: #222;
		box-shadow: 0 0 8px rgba(0, 210, 255, 0.9);
		margin: 0 auto;
		margin-top: 1.5rem;

	}

	.news {
		background-color: #111;
		border: 1px solid #333;
		border-radius: 20px;
		/*padding: 0rem 2rem 0rem 2rem;*/
	}

	.btn-blue {
		border-radius: 80px;
		padding: 1.25rem;
		border-color: lightskyblue;
		color: lightskyblue
	}

	.subtitle {
		letter-spacing: 4px;
		text-indent: 8px;
		font-size: 1rem;
		color: #444;
		/*text-transform: uppercase;*/
	}


	/************************************************************************/
	/**************************** MEDIA QUERIES *****************************/
	/************************************************************************/

	@media (min-width: 768px) {
		.headline {
			/*text-transform: uppercase;*/
			text-align: center;
			letter-spacing: 6px;
			/*margin-left: -6px;*/ /* to compensate for the letter spacing */
			margin-top: 2rem;
			font-size: 3rem;
		}

		.subtitle {
			letter-spacing: 10px;
			text-indent: 8px;
			font-size: 1rem;
			color: #444;
			/*text-transform: uppercase;*/
		}
		.subtitle2 {
			color: #555;
			max-width: 80%;
			font-size: 95% !important;
			font-style: italic;
			margin-top: 1rem;
		}

		.titleDivider {
			max-width: 80%;
			border: none;
			height: 2px;
			background: #222;
			box-shadow: 0 0 8px rgba(0, 210, 255, 0.6);
			margin: 0 auto;
			margin-top: 1.5rem;
		}
	}