/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

body {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 24px;
		color: #5b2b1d;
		background:#fcf2da;
	}
	
	a {
		color:#de975a;
		text-decoration:none;
	}
	
	a:hover {
		color:#de975a;
		text-decoration:underline;
	}
	
	h1 {
		display:block;
		font-size:34px;
		font-family: 'Oswald', sans-serif;
	}
	
	.header {
		background:#5b2b1a;
		height:70px;
	}
	
	.logo {
		width:250px;
		height:135px;
		background:url(../images/logo.png) no-repeat;
	}
	
	.kp {
		background:url(../images/kp.jpg) no-repeat;
	}
	
	.kp_bg {
		background:url(../images/kp_bg2.jpg) no-repeat;
		height:800px;
	}
	
	
	.album {
		background:url(../images/album-callout.png) no-repeat;
		height:175px;
	}
	
	.bit {
		overflow:auto;
		height:200px;
		margin-top:5px;
		background:url(../images/bit_bg.png) repeat;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.see_kellie {
		margin-top:30px;
	}
	
	/*.meet_and_greet_BG {
		background:url(../images/meet-and-greet-bg.png) no-repeat;
		width:231px;
		height:62px;
		margin-top:20px;
		padding-left:319px;
		padding-top:10px;
	}*/
	
	.meet_and_greet_BG {
		margin-top:20px;
	}
	
	.footer {
		background:#5b2b1a;
		height:120px;
	}
	
	.socials {
		margin-top:30px;
		color:#fcf2da;
		font-family: 'Viga', sans-serif;
	}

	.social_btn {
		margin-right:5px;
	}
	
	.FB {
		margin-top:30px;
	}
	
	
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

body {
		background:#fcf2da;
	}
	
	.kp_bg {
		background:#ceb486;
	}
	
	
	.logo {
		margin-left:40px;
		width:250px;
		height:135px;
		background:url(../images/logo.png) no-repeat;
	}

	.bit {
		overflow:hidden;
		height:400px;
		margin-top:30px;
	}
	
	.bump {
		margin-bottom:40px;
	}
}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(http://www.kelliepickler.com/css/logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}