body {font-family: 'Source Sans Pro', sans-serif;}
.header {min-height:110px; background:url("../img/header-bg.jpg"); padding-top:15px}
a {color:#7F775F}
a.btn {display:block; border-radius:3px; float:left; background-color:#7F775F; padding:5px 13px; color:#fff; font-size:1.2em; font-family: 'Patua One', cursive; }
a.btn:hover { background-color:#fff; color:#7F775F; border:1px solid #7F775F}
.prices {margin:10px 0}
.prices span {font-size:1.2em; font-family: 'Patua One', cursive; margin-right:30px}

a:hover {color:#000; text-decoration:none}
p {font-size:1.1em}
.green {color:#7F775F}
.no-margin {margin-top:0px}
img {max-width:100%; height:auto}
h1, h2, h3 {font-family: 'Patua One', cursive; color:#7F775F}
.divider {display:block; overflow:hidden; margin:20px 0}
.core-programmes img, .reviews img {border-radius:50%; border:3px solid #7F775F}
.core-programmes img {margin-top:30px}
.core-programmes a {font-weight:bold; font-size:1.1em; float:left; display:block; padding-right:25px; background:url("../img/icon-down.jpg") no-repeat right center; }
.core-programmes h3 {display:block; padding-left:45px; text-transform:uppercase; background:url("../img/icon-scales.png")left no-repeat; line-height:35px}
.core-programmes #second h3 {background-image:url("../img/icon-leaf.png")}
.core-programmes #third h3 {background-image:url("../img/icon-green.png")}
.core-programmes #fourth h3 {background-image:url("../img/icon-protein.png")}




.core-programmes .row {padding-bottom:35px; border-bottom:1px solid #7F775F}
.reviews {margin-top:30px}
.reviews p {margin:0px; }
.core-programmes .row, .reviews .row {margin-bottom:20px}
.core-programmes-question {color:#7F775F}

.header img {float:left}
.header, .header a, .header p, .header span{font-family: 'Roboto Slab', serif; color:#000; font-size:1.1em; text-align:right}
a.social {display:inline-block; height:21px; width:21px; background:url("../img/icon-facebook.png") no-repeat; text-indent:9999px; overflow:hidden}
a.social#twitter {background:url("../img/icon-twitter.png"); }
a.social#insta {background:url("../img/icon-instagram-logo.png"); }
.header #address {color:#7F775F; font-weight:bold}
.contact {padding-top:15px}
.opening {padding-top:1px}
.programmes-intro img {margin-bottom:20px}
.feature h1 {text-align:center; color:#fff;}
.feature { margin-bootom:30px; text-shadow: 3px 3px 3px rgba(0,0,0, 0.3), -3px -3px 3px rgba(0,0,0, 0.3), 3px -3px 3px rgba(0,0,0, 0.3), -3px 3px 3px rgba(0,0,0, 0.3);}
.feature p {padding:0 30px; font-size:1.4em; text-align:center}
.navbar-right .desc {font-size:0.8em; float:right; clear:both}
.navbar-right .contact .tel {font-size:0.8em; float:right; clear:both}

/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
}

.not-fullscreen {
    height:50%; color:#fff;  -moz-box-shadow:    inset  0  8px 8px -8px #696868, 
                        inset  0 -8px 8px -8px #000;
    -webkit-box-shadow: inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #000;
     box-shadow:        inset  0  8px 8px -8px #000, 
                        inset  0 -8px 8px -8px #000;
}

.not-fullscreen {padding:60px 0 100px 0; clear:both;}

@media (max-width: 767px) {
  .header img {text-align:center!important; float:none!important; width:300px; margin:0px auto; display:block}
  .header .contact, .header .opening{text-align:center!important; }
  #email {clear:both;; display:block; text-align:center}
  .header .opening {margin-bottom:30px}
	.reviews img {text-align:center; margin:20px auto 10px auto; display:block}
	.core-programmes img {display:block; margin:0 auto}
	.core-programmes h3 {line-height:100%;}
	.not-fullscreen {
    height:550px;
    overflow:hidden;
    padding:0px;
}

.not-fullscreen .content-a {padding:30px 0}
.feature p {padding:0}

}