/* Body Styles
* --------------------------------------- */

html{
	height: 100%;
}

body{
	position: relative;
	margin: 0;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	
}

.wrapper{
	width: 100%;
	height:100% !important;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/* Text Styles 
* --------------------------------------- */

body p{
	font-family: 'Helvetica', sans-serif;
	font-size: 12px; 
	font-weight: 400;
	line-height: 1.4em;
}


h1, h2, h3, h4, h5, h6{
	font-family: 'Helvetica', serif;
	font-weight: 700;

}

/* Link Styles
* --------------------------------------- */

a{
	text-decoration: none;
	color: #ffce00;
	font-family: 'Helvetica', sans-serif;
}

a:hover{
	color: #fff;
}

a:visited{
	color: #fff;
}

nav li a:hover{
	color:#fff;

}

nav li a:visited{
	color:#fff;

}

.back {
     position: absolute;
     top: 0;
     left: 0;
     text-align: center;
     display: block;
     padding: 7px;
     width: 100%;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     background: rgba(0, 0, 0, 255);
     font-weight: 400;
     font-size: 14px;
     font-weight: 550;
     color: #fff;
     -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
     -o-transition: all 500ms ease-in-out;
     transition: all 500ms ease-in-out;
     z-index: 10;
}

.back:hover {
     color: #ffce00;
     background: rgba(0, 0, 0, 0.50);
}

/* Section Styles 
* --------------------------------------- */

.section{
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.page-container{

	max-width: 100%;
	margin: auto;


}

.text-wrap{
	max-width: 960px;
	margin: auto;


}

.card-wrap{
	max-width: 960px;
	margin: auto;
	margin-top: 20px;

}

/* Section 1 
* -----------*/


#black-card{
	height: 400px;
	background-color: #000;
}

#black-card h1{
	padding-top: 115px;
	font-size: 35px;
	font-weight: 550;
	color: #fff;
	line-height: 1.4em;
	margin-bottom: 25px;
}

.carousel-control{
	margin-top: -350px;
}


.white-card{
	position: relative;
	float: left;
	height:270px;
	width: 210px;
	background-color: #fff;
	box-shadow: 5px 5px 2px #c0c0c0;
	border: solid 1px #989898;
	margin-right: 25px;
	border-radius: 5px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.white-card h3{
	margin-left: 10px;
	margin-right: 10px;
	font-weight: 600;
	margin-bottom: 20px;
}

.white-card h6{
	margin-left: 10px;
	margin-right: 10px;
	color:#787878;
}

.white-card p{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: -5px;
	color:#787878;
}

#scroll-down {
	text-align: center;
}

/* Section 2
* -----------*/

#megan{
	background-image: url(../img/megan-01.jpg);
	background-size: cover;
}

#granma{
	background-image: url(../img/granma.jpg);
	background-size: cover;

}

#shower{
	background-image: url(../img/showercap-01.jpg);
	background-size: cover;

}

#skytrain{
	background-image: url(../img/train-01.jpg);
	background-size: cover;

}

#pet{
	background-image: url(../img/dog-01.jpg);
	background-size: cover;

}

#makeout{
	background-image: url(../img/kiss-01.jpg);
	background-size: cover;

}

#breakup{
	background-image: url(../img/breakup-01.jpg);
	background-size: cover;

}

#food{
	background-image: url(../img/pbnj-01.jpg);
	background-size: cover;

}

#phone{
	background-image: url(../img/phone-01.jpg);
	background-size: cover;

}

#food-expired{
	background-image: url(../img/dried-food-01.jpg);
	background-size: cover;

}

#water{
	background-image: url(../img/water-01.jpg);
	background-size: cover;
}

#kit{
	background-image: url(../img/eqkit-01.jpg);
	background-size: cover;
}

#mall{
	background-image: url(../img/mall-01.jpg);
	background-size: cover;
}

#build{
	background-image: url(../img/toolbox-01.jpg);
	background-size: cover;
}

#bed{
	background-image: url(../img/bed-01.jpg);
	background-size: cover;
}

.tip-wrap{
	max-width: 960px;
	margin: auto;

}

#answer{
	height: 800px;

}

#answer h2{
	margin-top: 70px;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 1.7em;
}

#answer p{
	text-align: center;
	padding-top: 40px;
	color: #989898;
	font-size: 11px;
}

#answer a{
	color: #ffcc66;
}

#title{
	color: #787878;
	margin-top: 200px;
	text-align: center;
}