/**
 * 	Global
 */
h1 {
	font-family: 'Quicksand', cursive;
	font-size: 3em;
	color: #006c9b;
}

p {
	font-size: 1.2em;
	margin-bottom: 2em;
}


p.no-margin {
	margin-bottom: 0px;
}


/**
 * 	Styles
 */


.omni {
/*	background: url(../img/phoenix2.jpg) no-repeat center center fixed; */
	background: url(/img/large/front.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Quicksand', cursive;
}

/**
 * 	Menu
 */
.menu {
	font-size: 2em;
	color: #FFFFFF;
}

.menu li {
}

.menu a {
	text-decoration: none;
/*	color: #6CBAD9;*/
	color: #000000;
}

.menu a:hover {
	color: #555555;
	margin-left: 4px;
}





.tbox-black {
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;	
	padding: 20px;
}

.tbox-white {
	background: rgba(255, 255, 255, 0.5);
	color: #000000;	
	padding: 20px;
}

.box-black {
	background: #000000;
	color: #FFFFFF;
}


.box-white {
	background: #FFFFFF;
	color: #000000;
}



.hero {
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
	
}



.row-white {
	background: #FFFFFF !important;
	color: #000000;	
}

.row-black {
	background: #000000;
	color: #DDDDDD;
}

.row-black a {
	color: #55B0FF;
}

.row-white-t {
	background: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;	
}

.row-black-t {
	background: rgba(255, 255, 255, 0.8);
	color: #000000;	
}




#heart-box {
	height: 90px;
	width: 120px;
	padding-top: 30px;
}

/**
 * 	Sections
 */
#first {
	height: 600px;
}


#heartbeat {
	padding: 20px 0px;
}

#heart-box {
	float: left;
}
#heart-text {
	float: left;
}

#gender-reveal {
	background: #C9F7FF;
}

#birth {
/*	background: url(https://c1.staticflickr.com/1/396/18767286653_827da41e58_k.jpg) no-repeat center center fixed;  */
	background: url(/img/large/DSC_0789.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	color: #000000;
	height: 800px;
}

#baby-room {
	background: #E2F4CA;
	color: #000000;
}

#firsts {
	background: #FFFFFF;
}
#likes {
	background: #412A22;
	color: #FFFFFF;
}

#likes .likes-block {
	padding: 40px;
	font-size: 1.4em;
}

#maternity {
	background: url(https://c1.staticflickr.com/9/8692/17395667498_10a66908ab_k.jpg) no-repeat center center fixed; 
	padding: 100px 0px;
	color: #FFFFFF;
}

.row-photo2 {
	background: url(https://c1.staticflickr.com/1/372/19200454698_57644f9598_k.jpg) no-repeat center center fixed; 
	padding: 100px 0px;
	color: #FFFFFF;
}

#photos-videos {
	background: url(https://c1.staticflickr.com/1/484/19576706699_71477cc09c_k.jpg) no-repeat center center fixed;
	padding: 100px 0px;
	color: #FFFFFF;
	height: 700px;
}

#thank-you {
	
}


.img-group-main {
	margin: 0px 10px 5px 0px;
	width: 98%;
}

.img-responsive-50 {	
	width: 48%;
	margin: 0px 5px 5px 0px;	
}

#phoenix-photos,
#announcement,
#gender-reveal,
#baby-room,
#birth,
#firsts,
#likes,
#photos-videos,
#thank-you {
	padding: 40px 0px;	
}

.smiley {
	font-size: 6em;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 0px;
}



/**
 * 	Phoenix Year One
 */

.img-item {
	width: 300px;
	padding: 0px;
	margin: 2px 0px;
	overflow: auto;
}

.img-small {
	float: left;
	background: #EEEEEE;
	margin-right: 10px;
}

.img-info {
	background: #FFFFFF;
}

.life-day {
	font-size: 1.4em;
}

.date {
	font-size: 1.2em;
}

.clearfix {
    overflow: auto;
}

/**
 * 	Mobile Styles
 */
@media (max-width: 767px) {
	.menu {
		font-size: 1.6em;
	}
	
	#phoenix-photos,
	#announcement,
	#gender-reveal,
	#baby-room,
	#birth,
	#firsts,
	#likes,
	#maternity,
	#photos-videos,
	#thank-you {
		padding: 20px 0px;	
	}
	

	#likes .likes-block {
		padding: 20px;
		font-size: 1.4em;
	}
	
	#birth {
		background: #EEEEEE;
		height: auto;
	}
	
	#birth img {
		margin-bottom: 10px;
	}
	
	#maternity {
		background: #CCCCCC;
	}
	
	#maternity h2 {
		white-space: nowrap;
	}
	
	#photos-videos {
		background: #FFFFFF;
		height: 200px;
	}
	
	
	.img-group-main {
		width: 100%;	
	}

	
	.img-responsive-50 {
		width: 100%;
	}
	
}