body {padding-top:95px;}
h3 {font-family: 'Open Sans', sans-serif; font-size:48px; text-shadow: black 0 2px; font-weight:700; margin:0 auto; text-align:center;}
.shaddow {text-shadow: black 0 0.1em;}
section {padding: 75px 0; color:#fff;}
.section p {margin: 20px 0; text-align:left;}

/***** NAVBAR *****/
.navbar {margin:0;}
.navbar-inverse {background:#000; padding:22px 0;}
.navbar-inverse .navbar-brand {font-family: 'Arvo', serif; font-size:30px; color:#f7c462 !important; font-weight:700;}

.navbar-nav {float:right; font-family: 'Arvo', serif;}
.navbar-inverse .navbar-nav > li > a {font-size:17px; color:#ffffcc; text-transform:uppercase; font-weight:400;}
.navbar-inverse .navbar-toggle {border:0;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background:none;}
.navbar-inverse .navbar-toggle:focus .icon-bar {background-color:#ff7400;}


/***** HOME SECTION *****/
.home{background: url('../img/slide1.jpg') no-repeat center center scroll; min-height:525px; text-align:center; padding-top:140px;}
.home .welcome-text {text-align:center; }
.home h1{font-size:80px; text-shadow: black 0 5px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:700; display: table; margin:0 auto;}
.home h1 span {font-size:18px; text-shadow:none; font-weight:400; display:block; text-align:center; color:#ffffcc; padding-bottom:10px;}
.home h3 {margin-bottom:50px;}
.home h3 span {font-size:16px; color:#ffe8e2; display:block; text-shadow:none; padding-top:5px;}
.home a.big-btn {border:#ffcc66 2px solid; border-radius:8px; font-size:21px; font-weight:700; font-family: 'Arvo', serif; text-align:left; padding:20px 130px 20px 30px; background:#000 url(../img/arrow1.png) right 32px no-repeat; display:table-cell; color:#ffcc66; display: table; margin:0 auto; max-width:560px;}
.home a.big-btn:hover {text-decoration:none; background-color:#521f13;}


/***** THE STORY SECTION *****/
.the-story{background: url('../img/slide2.jpg') no-repeat center center scroll; text-align:center; padding-top:150px;}
.the-story .container {max-width:1000px;}
.the-story p {font-size:36px; text-align:center; font-family: 'Arvo', serif; font-weight:700; color:#000; padding:25px 0;}


/***** VIDEOS SECTION *****/
.videos{background: url('../img/slide3.jpg') no-repeat center center scroll; padding:100px 0 50px;}
.videos p {text-align:center; display:block; color:#99ffff; font-size:18px; font-weight:700; font-family: 'Arvo', serif; text-transform:uppercase; padding:10px 0;}
.videos .video-list {padding:20px 50px;}
.videos .video-list img{width:85%; height:auto;}


/***** ODETOJOY SECTION *****/
.odetojoy{background: url('../img/slide4.jpg') no-repeat center center scroll; padding:200px 0 150px;}
.odetojoy h2{font-size:72px; text-shadow: black 0 5px; color:#f1c233; font-family: 'Arvo', serif; font-weight:700; display: table; margin:0 auto; text-transform:uppercase;}
.odetojoy h2 span {font-size:36px; font-weight:700; display:block; text-align:left; color:#fff; line-height:50px;}

.odetojoy a.big-btn {border:#ffcc66 2px solid; border-radius:8px; font-size:24px; font-weight:700; font-family: 'Arvo', serif; text-align:left; padding:20px 90px 20px 30px; background:#ff7400 url(../img/arrow2.png) right 50px no-repeat; display:table-cell; color:#fff; display: table; margin:0 auto; line-height:30px;}
.odetojoy a.big-btn:hover {text-decoration:none; background-color:#521f13;}


/***** FOOTER SECTION *****/
footer {padding: 30px 0; background:#000; color:#fff; font-family: 'Arvo', serif; font-size:14px;}
footer ul{list-style:none; padding:0;}
footer li {display:inline-block; margin:15px; text-transform:uppercase;}
footer li a{color:#cc9933; font-size:18px;}
footer li a:hover{text-decoration:none; color:#fff;}

footer .copyright {text-align:right; padding-top:20px; text-transform:uppercase; color:#cc9933;}


.modal-dialog {margin:10% auto;}
.modal-content {background:#fbc966; border:0; border-radius:8px; overflow:hidden;}
.modal-header {border-color:#000;}
.modal-content form{padding:50px;}
.modal-content form input {border:0;}
.modal-content iframe{padding:25px;}




.image-bg-fluid-height,
.image-bg-fixed-height {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/***** THE STORY INNERPAGE *****/
#the-story-inner{background: url('../img/the-story-bg.jpg') no-repeat bottom center scroll; background-size: cover;}
.innerpage-content{display:block;}
.innerpage-content .inner-header{display:block; padding-bottom:60px;}
.innerpage-content .inner-header img{width:100%; height:auto; border:#fafab8 20px solid;}

.innerpage-content .content{display:block; font-family: 'Arvo', serif;}
.innerpage-content .content h4{font-size:36px; font-weight:700; color:#000;}
.innerpage-content .content h5{font-size:30px; font-weight:700; color:#000; padding-top:40px;}
.innerpage-content .content p{font-size:30px; color:#000; font-weight:400; line-height:48px; padding:20px 0;}
.innerpage-content .content p.testimoni {font-size:28px; font-style:italic;}
.innerpage-content .content p .brown {color:#996600;}


@media(max-width:1199px) {
	body {padding-top:80px;}
    section {padding-top: 50px; padding-bottom: 20px;}
	.the-story {padding-top:100px;}
	.the-story p {line-height:38px; font-size:34px;}
	.the-story img {margin-top:50px;}
	
	.videos .video-list {padding:10px;}
	
	.odetojoy {padding-top:100px;}
	.odetojoy h2 {margin-bottom:60px;}
	.odetojoy a.big-btn {background-position: right 30px;}

	footer .copyright {text-align:center;}
}

@media(max-width:767px) {
	.home h1{font-size:60px;}
	.home a.big-btn {font-size:16px; font-weight:700; padding:20px 80px 20px 20px; background-position:right 36px;}

	.navbar-toggle .icon-bar {width:30px; height:3px;}
	.navbar-inverse {padding:15px 0;}
	ul.navbar-nav {width:100%; text-align:center;}
	
	.videos h3 {font-size:26px;}
	.videos p {font-size:16px}

	.the-story {padding:100px 0;}
	.the-story p {line-height:30px; font-size:25px; padding:10px 0;}
	.the-story img {margin:3px 0;}
	
	.videos {padding-top:50px;}
	.videos .video-list {padding:20px;}
	
	.odetojoy {padding-top:100px;}
	.odetojoy h2 {margin-bottom:60px; font-size:50px;}
	.odetojoy h2 span {font-size:25px;}
	.odetojoy a.big-btn {background-position: right 35px; font-size:16px; line-height:22px; padding:15px 100px 15px 15px;}

	footer ul{width:100%; text-align:center;}
	footer li {margin:5px;}
	footer li a{font-size:13px;}
	footer .copyright {text-align:center;}

	.innerpage-content .inner-header img{border:#fafab8 8px solid;}
	.innerpage-content .content h4{font-size:26px;}
	.innerpage-content .content h5{font-size:20px; padding-top:20px;}
	.innerpage-content .content p{font-size:20px; line-height:28px; padding:10px 0;}
	.innerpage-content .content p.testimoni {font-size:18px;}
	
}