a {
	/* color: #38b4e7; */
    color: #000064;
}


section.message .message {
	text-align: center;
}


#header {
	/* height: 150px; */
}

#header .logo {
    padding-top: 55px;
    font-size: 3rem;
    line-height: 2.6rem;
}

#header .logo a {

}

#header .logo .tagline {
    padding-top: 0px;
    padding-left: 4px;
    font-size: 1.3rem;
    padding-bottom: 16px;
}

#header .login_area {
	float: right;
	padding-top: 70px;
	font-size: 1.3rem;
	color: #ccc;
}

#header .login_area a {
	display: inline-block;
	padding-left: 40px;
}



#header .menu_toggle.icon {
	display: none;
	position: absolute;
	top: 40px;
	right: 10px;
	font-size: 2rem;
}

#header .small_menu_area {
	display: none;	
	position: absolute;
	right: 0px;
	top: 100px;
	
	width: 100%;
	z-index: 100;
}









#top_nav {
	background-color: #1b1c1d;
	opacity: 0.8;
}

#top_nav a.item {
	text-transform: uppercase;
}






#content_area {

}


#content_area p, li {
	line-height: 1.3rem !important;
}

#content_area li {
	margin-bottom: 0.4rem;
}





#content_area .page.header {
	/* background-color: #ddd; */
	background-color: #d7e1e5;
	padding: 20px 0px 30px;
	margin-bottom: 60px;
}

#content_area .page.header h1 {
	font-size: 7rem;
}

#content_area .wordy.page.header h1 {
	font-size: 5rem;
}


#content_area .page.header.with_image {
	color: #eee;
	height: 320px; 
	background-color: #222;
}

#content_area .page.header.with_image .breadcrumb .icon {
	color: #ddd;
}

#content_area .page.header.with_image .breadcrumb a {
	color: #7da7ca;
}




#footer {
	margin: 60px 0px 0px;
	padding: 30px; 
	background-color: #1b1c1d;
	color: #aaa;
	
	text-align: center;
}




.hidden_by_default {
	display: none;
}





/* RESPONSIVE */


@media screen and (max-width: 1000px) {
	#header .logo {
        font-size: 2.5rem;
	}

	#top_nav .item {
		font-size: 0.9rem;		
	}
}

@media screen and (max-width: 700px) {
	#header {
		height: 100px;
	}

	#header .logo {
        padding-top: 35px;
        font-size: 1.5rem;
        line-height: 1.8rem;
	}

	#header .logo .tagline {
        display: none;
	}

	#header .login_area {
		display: none;
	}

	#header .menu_toggle.icon {
		display: block;
	}
	
	#top_nav {
		display: none;		
	}

	#content_area .page.header.with_image {
		height: 200px; 
	}
	
	#content_area .page.header h1 {
		font-size: 3rem !important;
	}

	#content_area .wordy.page.header h1 {
		font-size: 2rem !important;
	}

    #content_area h2 {
        font-size: 3rem !important;
    } 

	
}