@charset "UTF-8";
/* CSS Document */
/* NOTES: container is full width, col-sm-12 gives you 20px padding on either side*/

/* here is where you put the customizations - load this last */

body {background:none; font-size:16px;font-family: 'Open Sans', sans-serif;}

#top {
	/* The image used */
	background-image: url(../images/122025042_m.jpg);
    /* Set a specific height 
    height: 525px;*/
	/* Create the parallax scrolling effect */
    background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom:2px solid #FFF;
}

#header {}
.logo {font-size:4.5em;font-family: 'Qwigley', cursive;}
.hdr-info {margin-top:20px;color:#686868;letter-spacing:.1rem; text-align:right;}}

#navigation {}
.navbar-default {background-color:transparent;border:none;}
.navbar-default ul {padding-top:0;}
.navbar li {text-transform:uppercase;padding-right:20px; padding-left:20px; }
.navbar-default .navbar-nav > li > a { color: #050505;}


.jumbotron {position:relative; z-index:999; background:transparent;text-align:center;}
.jumbotron h1 {font-size:36px;color:#FFF;padding-top:3.6%;text-shadow: 0 0 2px #000; font-weight:bold;}
.jumbotron p {color:#FFF; font-size:1.5em;}

#section1 {padding:30px 0;background-color:#c1ddda;} /* welcome */
#section2 {padding:30px 0; background-color:#FFF;} /* features */
.feature-box {text-align:center;}

.ribbon {background-color:#c1ddda;}

#cta {width:100%; height:auto;padding:20px;background-color:#f6b174; /* soft orange */}
#cta p {font-size:24px;text-transform: uppercase;}
#cta a {color:#333;}
#cta span {font-size:16px;}

/* TESTIMONIALS SECTION */
#bigfoot {padding:30px 0;background-color:#b0c9c9;background-color:#69afb7;	
} /*teal*/
.carousel-control.left {background:none;}
.carousel-control.right {background:none;}

#footer {width:100%;background-color:#969;} /*websafe purple*/
#footer p {font-size:90%; color:#f1f1f1; text-align:center;padding:10px;}

/* TEXT STYLING */
.title {font-family: 'Qwigley', cursive;font-size:60px;}
h4 {font-weight:bold;}

/* photo frames */
.frame {border:3px solid #e8e8e8;}
.frame2 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-moz-box-shadow: 3px 5px 8px rgba(0,0,0,0.70);-webkit-box-shadow: 3px 5px 8px rgba(0,0,0,0.70)}
.frame3 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-moz-box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-webkit-box-shadow: 3px 5px 8px rgba(164,166,173,0.70)}
/* frame 3 is lighter */

/* IPAD  ----- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
/* styles here */
#top {
	/* The image used */
	background-image: url(../images/122025042_sm.jpg);
    /* Set a specific height */
    height: 400px;
	/* Create the parallax scrolling effect */
    background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom:2px solid #FFF;
}

.jumbotron {position:relative; z-index:999; background:transparent;text-align:center;}
.jumbotron h1 {font-size:36px;color:#FFF;text-shadow: 0 0 2px #000; font-weight:bold;padding:0;}
.jumbotron p {color:#FFF; font-size:1.5em;}

/* for testimonials */
.carousel-inner > .item > img {height:200px;}

}

/* SMARTPHONE */
@media only screen 
and (max-device-width : 440px) {
/* styles here */
.mobile-hide{ display: none; }
#top {
	/* The image used */
	background-image: url(../images/122025042_xs.jpg);
    /* Set a specific height 
    height: 200px;*/
	/* Create the parallax scrolling effect */
    background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain; 
	border-bottom:2px solid #FFF;
}
button.navbar-toggle {margin-top:30px;}

/* for testimonials */
.carousel-inner > .item > img {height:200px;}
}