/* general styles */
body {
	font-size: 15px;
}

h1 {
	font-size: 39px;
}

h2 {
	font-size: 32px;
	color: #e7c100;
	letter-spacing: 1px;
}

h3 {
	font-size: 25px;
	color: #874aff;
}

h4 {
	font-size: 21px;
	color: #e14aff;
}

h5 {
	font-size: 18px;
	color: #ff874a;
}

.h5 {
	font-size: 16px !important;
}

a {
	color: #0d99d4;
}


.link-anchor {
    padding-top: 50px;
    margin-top: -50px;
}

.list-style-none {
	list-style: none;
}

.bg-help {
	background-color: #4ac3ff;
}

.bg-blue-light {
	background-color: #72bcd4;
}

.bg-coral {
	background-color: #ee6e6e;
}

.bg-light-green {
	background-color: #20b2aa;
}

.bg-salmon {
	background-color: #ff9266;
}

.bg-pink {
	background-color: #ff8fa0;
}


/* bootstrap4 overrides */
.bg-primary {
	background-color: #737373 !important;
}

.btn-primary {
	background-color: #ff763f;
	border-color: #ff763f;
}

.btn-primary:hover {
	background-color: #ff5a18 !important;
	border-color: #ff5a18 !important;
}

.display-3 {
	font-size: 70px;
}

.lead {
	font-size: 20px;
}


/* navbar styles */
.navbar {
	z-index: 1;
}


/* homepage styles */
.jumbotron-home {
	background: url("../img/jumbo.jpg") no-repeat center center;
	background-size: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.col-main {
	margin-top: 10%;
}



/* about page styles */
.jumbotron-about {
	background: url("../img/about.jpg") no-repeat center center;
	background-size: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/* services page styles */
.jumbotron-services {
	background: url("../img/services.jpg") no-repeat center center;
	background-size: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.services-list {
	z-index: 999;
}

.bg-tutor {
	background: url("../img/service-tutor-bg.jpg") repeat-x;
	opacity: 0.5;
}







/* responsive classes */
@media (max-width: 768px) {
    .btn {
        width:100%;
    }

    ul {
    	padding-left: 15px;
    }
}


@media (min-width: 768px) {
	.d-md-block {
	    display: inline !important;
	}
}