/* BRAND STYLES: CSS Document */

/* 

#002d64 - dark blue
#178fce - light blue
#4fd3e0 - cyan
#cee652 - yellowgreen

*/




.message-div {
	text-align: center;
	color: #00613E;
}

/* DESKTOP */
@media screen and ( min-width: 1025px ) {

	#brandheader {
		padding: 0px 0px;
		width: 100%;
		border-bottom: thin solid rgba(0,0,0,0.20);
		margin-bottom: 30px;
	}

	#brand-title {
		color: white;
		text-align: left;
		float: left;
		font-size: 2em;
		font-weight: 500;
		padding: 15px 50px;
		height: 78px;
	}

	#page-title h1 {
		background-color: #00613E;
		/*border-radius: 10px 0px 0px 50px;*/
		color: white;
		text-align: right;
		/*float: right;*/
		font-size: 2em;
		font-weight: 500;
		padding: 15px 50px;
		height: 78px;
	}

	#footer-div {
		position: relative;
		bottom: 0px;
		margin-top: 100px;
		width: 100%;
		color: white;
		background-color: #000000;
		padding: 27px;
		font-size: 13px;
		height: auto;
	}

	#footer-left {
		float: left;
	}

	#footer-right {
		float: right;
	}

	#footer-clear {
		clear: both;
	}

	#footer-div img {
		width: 32px;
	}
	
}

/* MOBILE */
@media screen and ( max-width: 1024px ) { 
	
	#brandheader {
		padding: 30px 0px;
		width: 100%;
		border-bottom: thin solid rgba(0,0,0,0.20);
		margin-bottom: 30px;
	}

	#brand-title {
		color: #00613E;
		text-align: center;
		font-size: 2em;
		font-weight: 500;
		padding: 15px 50px;
	}

	#page-title h1 {
		background-color: #00613E;
		color: white;
		text-align: center;
		font-size: 1em;
		font-weight: 500;
		padding: 15px 50px;
	}

	#footer-div {
		position: relative;
		bottom: 0px;
		margin-top: 100px;
		width: 100%;
		color: white;
		background-color: #000000;
		padding: 27px;
		font-size: 13px;
		height: auto;
	}

	#footer-left, #footer-right {
		float: none;
		width: 100%;
		text-align: center;
	}

	#footer-clear {
		clear: both;
	}

	#footer-div img {
		width: 32px;
	}

}