.container {
/* over write skeleton 960px grid default with bootstrap 1200px grid */
  max-width: 1200px;
  
  }
  /* home page css
  __________________________________________________________________
  */
  #desktop-header {margin-top: 1.5%;}
  #desktop-header div {background-color: #BFAE9F; border-radius: 15px 15px 0 0;}

  /* images css */
  img {margin: 0; padding: 0; max-width: 100%;}
  #desktop-header div img 
  {
  	border-radius: 15px;
  	/* set max-width to keep image responsive in a larger container */
  	/* image is 980px wide so 980px/1200px = 81.6666% */
  	max-width: 81.6666%;
  	/* calculate all margins minus image width */
  	margin: 3.3333% 14.1668% 3.3333% 4.1666%;
  }

  /* global css
  __________________________________________________________________
  */
	
/* navigation css */
nav 
{
	padding: 10px 0;
	overflow: auto;
	border-radius: 0 0 5px 5px;
	background-color: #03738C;
	margin-bottom: 25px;
}
nav ul {margin: 0; padding: 0;}
nav ul li
{
	list-style-type: none;
	float: left;
	margin: 0;
}
nav ul li a
{
	text-decoration: none;
	display: inline-block;
	padding: 3px 15px;

}

nav a:link {color: #fff;}
nav a:visited {color: #fff;}
nav a:hover {font-style: italic;}

/* desktop viewport cascading menu css */

#nav_menu  ul ul {
    display: none;
    position: absolute;
}

nav ul li ul li
{
	float: none;
}

#nav_menu ul li:hover > ul {
	display: block;
}

nav ul ul a:link, nav ul ul a:visited
{
	background-color: #ffffff;
	border-bottom: 1px #BFAE9F;
	color: #F25774;
	width: 100%;
}

.header-img {
	text-align: center;
}

/* main home page content css*/


#home-txt
{
	-moz-column-count: 2;
	column-count: 2;			
	/* 60px/1200px = 5%*/
	-moz-column-gap: 5%;
	column-gap: 5%;
	margin-bottom: 20px;
	
}

main h1,
h2	{
	font-family: "Playfair Display";
}

article div p 
{
	margin: 0; padding: 0; padding-bottom: 20px;
}

/* footer css */
footer 
{
	padding: 10px 0 10px 1.25%;
	background-color: #03738C;
	border-radius: 5px 5px 15px 15px;
	margin-bottom: 20px;
}

.footer {
	margin: 0;
	color: white;
	text-align: center;
}

/* fonts/typography */
h1 {
	font-size: 3rem;
	margin: 10px 0;
	color: #F2527D;
}

h2 {
	font-size: 2rem;
	margin: 10px 0;
	color: #F2527D;
}
h2 a {
	text-decoration: none;
	color: #F2527D;
}

/* hide mobile assets */
#mobile-header, #mobile_menu {display: none;}

/*  mobile css  */
@media (max-width: 550px) {
	/* hide desktop header and nav */
	#desktop-header {display: none;}
	#nav_menu {display: none;}
	
	/* show and format mobile assest */
	#mobile-header, #mobile_menu {display: block;}
	#mobile-header {margin-bottom: 10px;}
	#mobile-header hr {margin: 0;}
	#mobile_menu {padding: 0; margin-bottom: 10px;}

	nav {background-color: #F25774; border-radius: 0;}
	nav a:link {color: white; font-weight: bold;}
	nav a:visited {color: black; font-weight: bold;}
	
	
	nav ul li
	{
		/* make mobile links stack */
		float: none;
		border-bottom: 1px solid #BFAE9F;
	}
	.slicknav_menu {
	    background-color: #fff;
	}

	.slicknav_nav ul {
		margin: 0;
	}

	/* remove two columns in section */
	#home-txt
	{
		-moz-column-count: 1;
		column-count: 1;			
		
	}