header {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	border-bottom:2px solid #0088cc;}

header h1 {
	margin-bottom: 0px;
	font-size: 3em; 
	text-shadow: 4px 4px 4px #aaa;}

header .nav {
	margin-top: 30px;
	margin-bottom:10px;
	list-style-type: none;
	padding: 0px; 
	font-size: 1.2em;}

header .nav li {
	display: inline;
	margin: 0 10px; }
	
.page_container{
 	<!--height:100%-->
}
	
.map-canvas { height:100%; width: 48%; float:left; margin: 0; padding:0;}

#location_descriptions {float:right; width:48%;}

#location_descriptions ul li {margin-top:10px;}

#hospital_list { list-style-image: url(arrow.gif); } 

body {
    font-family: 'Playfair Display SC', serif;  
	background:	#AAAAAD;
}

.page-container {
	padding-top:10px;
	margin: 0 auto;
	max-width: 1100px; 
	background: white;
	height:auto;
	-webkit-box-shadow:0 14px 14px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 14px 14px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 14px 14px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border-radius: 6px;
}

a, a:visited {
	color: #0088cc;
	text-decoration: none;}

a:hover, a:focus {
	color: #005580;
	text-decoration: underline;}

aside {
	margin: 10px 5px;}

.img-responsive {
	max-width: 90%;
	height: auto;}

.img-responsive + ul {
	margin-top: 0;}

.no-margin {
	margin: 0px;}

h1, h2, h3, h4, .h3 {
	margin-bottom: .5em;}

h4 {
	font-weight: normal;}

.sticky-top {
	margin-top: 0;}

.inline {
	display: inline;}

.hide {
	display: none;}

ul.inline {
	padding: 0px;
	list-style-type: none;}

ul.inline li {
	display: inline;
	margin-right: 8px;}

.block {
	display: block; }
	
footer .footer_nav li {
	display: inline;
	margin: 0 10px; 
	text-align:center;
	padding-right:10px;}

.subhead {
	color: #aaa;
	font-size: .8em;
	margin-top: 0; }

footer, .push {
	text-align: center;
	margin-top: 20px;
	padding-bottom:10px; }

.left-side {
	float: left;
	width: 48.5%;
	margin-right: 3%; }

.right-side {
	float: right;
	width: 48.5%; }
	
.about_right_side {
	float: right;
	width: 48.5%; }
	
.about_left_side {
	float: left;
	width: 48.5%; }
	

ul.two-side {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px; }

.clear-both {
	clear: both; }

.main-image {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 2px;
	border: 1px solid #111;
	margin-left:auto;
	margin-right:auto; }
	
.about_image{
	position:relative;
	left:30%;
	right:30%;
	width:auto;
	height:auto;
	
	}
	
.about-image{
	padding-left:20px;
	}
	
.about_description{
	position:relative;
	font-size:1em;
}


.social-icons {
	list-style-type: none;
	padding: 0px; }

.social-icons li {
	display: inline;
	font-size: 1.5em;
	float: left;
	margin-bottom: 15px; }

.social-icons a, .social-icons a:visited {
	transition: background-color 0.3s ease-out;
	color: #fff;
	background: #aaa;
	padding: 5px;
	margin-right: 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px; }

.social-icons a:hover, .social-icons a:focus {
	background-color: #0088cc; }


.content-container {
	min-height:300px;
	height:100%;
	width: 80%;
	margin: 0 auto;
	overflow:hidden; }


.h3 {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 1em; }

li.h3 {
	list-style-type: none; }

.phrase {
	transition: opacity 2s ease;
	opacity: 0.3; }

.phrase.fade {
	opacity: 1.0; }

@media screen and (max-width: 768px) {

	.skills > li {
		display: block; } }
	
@media only screen and (max-width: 850px) and (min-width: 480px) {
/* prevent 2-line phrases from moving icons */

	ul .phrase {
		min-height: 58px; } }
	
@media only screen and (max-width: 480px) {

	header {
		font-size: .8em; }
	
	header h1 {
		font-size: 1.7em; } 
	
	.content-container {
		width: 90%; }
		
	section{
		height:auto;}
		
	footer .footer_nav li a {
		display: inline;
		margin: 0 auto; 
		font-size:.5em;
		text-align:center;
		padding-right:0px;}
		
	.img-responsive {
		max-width: 90%;
		height: auto;}
	
	.left-side {
		width: 100%; }

	.right-side {
		width: 100%;
		clear: both;
		margin-top: 20px; }

	ul.two-side {
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px; } }