html,
body {
	padding-top: 0px;
	font-size: 20px;
	font-weight: 300;
	text-rendering: optimizeLegibility;
	color:#555;
	background-color:#fff;
	box-sizing:border-box;
	font-family:'Lato', 'Arial', sans-serif;
}

button, input, .btn, a.btn{
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	color: white;
}

.btn-danger {
	background-color: #dd5638;
	border-collapse: #d95131;
}

img{
	max-width:100%;
}

p {
	
	line-height:145%;
	margin: 0 0 15px;
}

p.lead {
	font-weight:normal;
}



/* ICONS ======= */

.icon-big{
	font-size:350%;
	display:block;
	color: #ed3694;
	text-align:center;
	margin: 10px 0;
}





/* NAVIGATION ========== */

.top-contact h3{
	font-size:100%;
}

nav{

}

/* main nav */

.main-nav{
	float: right;
	list-style: none;
	margin-top: 45px;
	padding-left: 0;
}

.main-nav li{
	display:inline-block;
	margin-left:40px;
}

nav li{
    letter-spacing: 1px;
	word-spacing: 2px;
	font-size: 85%;	
	background: rgba(0,0,0,0);
}

.main-nav>li>a:link,
.main-nav>li>a:visited{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
	-webkit-transition: border 0.5s;
	transition: border 0.5s;
}

.main-nav>li>a:hover,
.main-nav>li>a:active{
	border-bottom: 2px solid #1dc1e8;
}

.logo,
.logo-black{
	height: 75px;
	float: left;
	margin-top:20px;
}

.logo-black{
	display: none;
	height:50px;
	width:auto;
	float:left;
	margin:5px 0px;
	
}

/* mobile nav */
.mmobile-nav-icon{
	float:right;
	margin-top:30px;
	curser:pointer;
	display:none;
}

.mmobile-nav-icon i {
	font-size: 200%;
	color: #fff;
}

/* sticky nav */

.sticky {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(255,255,255,0.98);
	box-shadow: 0 2px 2px #efefef;
	z-index:100;
}


.sticky .main-nav>li>a:link,
.sticky .main-nav>li>a:visited{
	padding: 15px 0;
	color: #555;
}

.sticky .logo{display:none;}
.sticky .logo-black {display:block;}


/* SECTION DEFAULTS ========== */
section {
	padding: 90px 0;
}

.section-header {
	text-align: center;
}

section h2{
	margin:20px 0 40px;
}

section h3 {
	margin: 30px 0 10px;
}

/* ========= SECTIONS ===========
=================================*/

.row + .row {
	margin-top: 20px;
}

header {
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,.65)), url(assets/img/happy-family-city-gardens-relaxing-25729225.jpg);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,.65))), url(assets/img/happy-family-city-gardens-relaxing-25729225.jpg);
	background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,.65)), url(assets/img/happy-family-city-gardens-relaxing-25729225.jpg);
	background-size: cover;
	background-position: top;
	-webkit-transition: height .5s;
	transition: height .5s;
	display: table;
	width: 100%;

	margin-top: 0px;
	box-shadow: inset 0 0 200px #000;
	height: 100vh;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

/* COVER ========*/

#cover{
	-webkit-transition: height .5s;
	transition: height .5s;
	display: table;
	width: 100%;
	padding: 0 20%;
	margin-top: 0px;
	height: 100vh;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

.cover-text {
	text-align: center;
	color:white;
	display: table-cell;
	vertical-align:middle;
	text-shadow: 0 1px 5px rgba(0,0,0,1);
	
}

.cover-text h1 {
	color: #fff;
	font-size: 100%;
	line-height: 130%;
	font-weight: 300;
	margin: 20px 0;
}

.cover-text p {
	margin:0;
	font-size: 300%;
	line-height: 100%;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	word-spacing: 4px;
}



/* ABOUT US =========*/

#About-Us .container{
	background:url(assets/img/profilepic.png) 100% bottom no-repeat;
	background-size:70%;	
	background-position:500px bottom;
}

.badge.social {
	background: #ccc;
	font-size:24px;
	height:40px;
	width:40px;
	text-align:center;
	line-height:40px;
}

/* SERVICES ========= */

#services-offered {
	background-image: -webkit-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url(assets/img/standing-out-crowd-school-37812378.jpg);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,.3)), to(rgba(0,0,0,.5))), url(assets/img/standing-out-crowd-school-37812378.jpg);
	background-image: -webkit-linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url(assets/img/standing-out-crowd-school-37812378.jpg) ;
	background-image: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.5)), url(assets/img/standing-out-crowd-school-37812378.jpg) ;
	color:white;
	background-size:cover;
	background-position:50% 50%;
	text-shadow: 0 1px 5px rgba(0,0,0,1);
}

#services-offered p{

}

/* TESTIMONIALS ========= */

#Testimonials {
	background-color: #1dc1e8;
	color:white;
}

/* GET IN TOUCH ========= */

#get-in-touch {
	background-image: -webkit-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(assets/img/pre-teen-children-school-25389311.jpg) ;
	background-image: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(assets/img/pre-teen-children-school-25389311.jpg) ;
	background-size:cover;
	background-position:0 15%;
	color:white;
	text-shadow: 0 1px 5px rgba(0,0,0,1);
}

/* OPTIN ========= */

#optin{
	background:#3e4249;
	padding: 20px 0;
	color: white;
	font-size: 1em;
}

#optin p {
	pmargin: 7px 0 0 0;
}

/* MODAL ======= */

.modal{
	padding:0;
}

.modal-dialog{
	background-color:white;
}

/* FOOTER ====== */

footer{
	background-color:#333;
	padding: 50px;
	font-size:80%;
}

.footer-nav,
.social-links{
	list-style:none;
	padding-left:0;
}

.footer-nav {
	float:left;
}

.social-links {
	float:right;
}

.footer-nav li,
.social-links li{
	display:inline-block;
	margin-right: 20px;
}

.footer-nav li:last-child,
.social-links li:last-child{
	margin:0;
}

.footer-nav li a:link,
.footer-nav li a:visited,
.social-links li a:link,
.social-links li a:visited{
	text-decoration:none;
	border:0;
	color: #888;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

.footer-nav li a:hover,
.footer-nav li a:active{
	color: #ddd;
}

.social-links li a:link,
.social-links li a:visited{
	font-size:150%;
}

/*.social-links li  a:hover {
	color:#3b5998;
}*/

.social-links li .ion-social-facebook:hover {
	color:#3b5998;
}

.social-links li .ion-social-twitter:hover {
	color:#00aced;
}

footer p{
	color: #888;
	text-align:center;
	margin-top:20px;
}

/* ---------------------------- */
/* REUSABLE COMPONENTS- */
/* ---------------------------- */

.row {
	max-width: 1140px;
	margin: 0 auto;
}

/* -------BUTTONS--------- */

.hero-text-box {
  padding: 40px 15px;
  text-align: center;
  position:absolute;
  width:1140px;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}



.hero-text-box {
	text-align: center;
	color:white;
	display: table-cell;
	vertical-align:middle;
	text-shadow: 0 1px 5px rgba(0,0,0,1);
	
}

.hero-text-box h1 {
	color: #fff;
	font-size: 100%;
	line-height: 130%;
	font-weight: 300;
	margin: 20px 0;
}

.hero-text-box .lead {
	margin:0;
	font-size: 300%;
	line-height: 100%;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	word-spacing: 4px;
}

/* -------BUTTONS--------- */

.btn:link,
.bnt:visited {
	padding: 10px 30px;
	display: inline-block;
	font-weight: 300;
	border-radius: 200px;
	text-decoration: none;
	color: #fff;
	font-size: 80%;
	-webkit-transition: background-color 0.5s, border 0.5s, color 0.5s;
	transition: background-color 0.5s, border 0.5s, color 0.5s;
	margin-right: 15px;
}

.btn-ghost:link,
.btn-ghost:visited {
	border: 1px solid #ed3694;
	color: #FFFFFF;
	background-color: #ed3694;
	
}

.btn-full:link,
.btn-full:visited {
	background-color: #1dc1e8;
	color: #fff;
}

.btn-full:hover,
.btn-full:active {
	background-color:#139ebf;
}

.btn-ghost:hover,
.btn-ghost:active {
	border: 1px solid #dc147b;
	background-color: #dc147b;
}
.large-contact {
	font-size: 350%;
	font-weight: bold;
}
#government-grant {
	background: #3e4249;
	color: #fff;
	text-align: center;
}








/* ==== MEDIA QUERIES == */

@media only screen and (max-width : 1199px ) {

#About-Us .container{
	background:url(assets/img/profilepic.png) 275px bottom no-repeat;
	background-size:95%;	
	overflow:visible;
}

.main-nav {
	float:none;
	text-align:center;
}

.main-nav li{
	
}

	.logo {
		width:100%;
		float:none;
	}

	
}
@media (min-width: 768px) and (max-width: 991px) {
	

	
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

@media only screen and (max-width : 991px ) {

	body{font-size:18px;}
	

	

	

	
	#About-Us .container {
		background:url(assets/img/profilepic.png) 285px bottom no-repeat;
		background-size:105%;	
		overflow:visible;

	}





}

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

	#About-Us .container {
		background-image: -webkit-linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75)), url(assets/img/profilepic.png);
		background-image: linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75)), url(assets/img/profilepic.png);
		background-position:0px bottom;
		backgroundd: url(assets/img/profilepic.png) -150px bottom no-repeat;
		background-size:750px;	
	}

.icon-big{
	visibility:hidden;
	text-align:left;
	font-size:150%;
}

.cover-text p{
	font-size:200%;
}

.btn-full, .btn-ghost {
	margin-right:0;
	margin-bottom:10px;
}
.large-contact {
	font-size: 250%;
}

.main-nav{
	margin-top:0px;
}

	.mobile-nav-icon{
		margin-top:15px;
		display:block;
		height:40px;
		width:100%;
		text-align:right;
		background:url(assets/img/burger-nav-icon.png) no-repeat 98% center;
		background-color: rgba(64,64,64,0.70);
		cursor:pointer;
	}

	nav .container{
		width:100%;
		padding:0;
		
	}
	
	.main-nav li{
		margin-left:0px;
	}
	
	nav{
		float:none;
	}
	
	nav ul{
		overflow:hidden;
		background: rgba(81,81,81,0.78);
		height:0;
		
	}
	
	nav ul.open{
		height:auto;
	}
	
	nav ul li{
		float:none;
		text-align:left;
		width:100%;
		margin:0;
		padding:0;
		
		
	}
	
	.main-nav li a:link,
	.main-nav li a:visited{
		color:#fff;
		padding:10px;
		border-bottom:1px solid #404040;
		display:block;
		margin:0px;
	}
	
	.main-nav li a:hover{
		background:rgba(167,167,167,.40);
	}

	
	
}