@media screen and (max-width: 736px){
	.service-schedule-container {
		padding-top: 50px;
	}

	#about, #services, #contact {
	  scroll-margin-top: 103px;
	  /* Remove any negative margin-top if present */
	  margin-top: 0 !important;
	  padding-top: 123px;
	}
	
	#services, #contact {
	  scroll-margin-top: 103px;
	  /* Remove any negative margin-top if present */
	  margin-top: 0 !important;
	  padding-top: 103px;
	}

}

@media screen and (min-width: 737px){
	.service-schedule-container {
		padding-top: 0;
	}
}

.service-schedule-container .box {
	text-align: left;
}

/* Screens that are smaller than 980px */
@media screen and (max-width: 980px){

	#header {
		display: block;
		height: 0;
	}

	#header .logo {
		display: none;
	}

	#titleBar {
		height: 88px;
		line-height: 88px;
		background-color: rgba(44, 42, 74, 0.75);
	}
	#titleBar .toggle:before {
		background: #8C93A8;
	}
	
	#titleBar .toggle:active:before {
    background-color: #A2A8B9;
	}
	
	#titleBar .title {
		text-align: right;
	}
	
	#logo-image {
		height: 150px;
		width: 150px;
		border-radius: 0 0 0 70px;
	}
	
	#navPanel {
		background-color: #A2A8B9;
	}
	
	#banner {
		background-position: top left, top left, center center;
	}
	/*Responsive Google Map*/
}

/* Screens that are larger than 980px */
@media screen and (min-width: 981px){
	#logo-image {
		display: none;
	}
	#banner {
		background-position: top left, top left, center left;
	}	
}

body {
	color: #2c2a4a;
}

strong {
	color: #8c93a8;
}

h3, form label {
	color: #2c2a4a;
	font-size: 1.25em;
}

#nav li a, #nav li span {
	color: #2C2A4A;
}

#nav li.current a {
    background: #2C2A4A;
    color: #fff;
}

#nav li.active a, #nav li.active span {
    background: #8C93A8;
    color: #fff;
}

#nav li:hover a, #nav li:hover span {
    background: #8C93A8;
    color: #fff;
}

#nav li:focus a, #nav li:focus span {
    background: #8C93A8;
    color: #fff;
}

.logo-text {
	text-decoration: none;
	color: #2C2A4A;
}

#fullscreen-menu-logo {
    float: right;
    width: 150px;
    height: 150px;
    position: fixed;
    top: 0;
    right: 0;
    border-radius: 0 0 0 70px;
    z-index: 1001;
}

.dropotron.level-0:before {
	border-bottom: solid 1em #8C93A8;
}

.dropotron {
	background: #8C93A8;
	color: #8C93A8;
}

.dropotron li > a, .dropotron li > span {
	color: #fff;
}

.dropotron li:hover > a, .dropotron li:hover > span {
	background-color: #A2A8B9;
	color: #fff;
}

#header .logo {
		border-top: solid 5px #B9BECA;
}

#header .logo p {
	color: #B9BECA;
}

#banner {
	background-image: url("images/overlay.png"), url("images/overlay.png"), url("../../images/church.jpg");
	background-position: top left, top left, center left;
}

#banner .content {
	background-color: rgba(44, 42, 74, 0.5);
}

#banner .content p {
	color: #dfdfdf;
}

#banner .content .button {
	border-color: rgba(223, 223, 223, 0.35);
}

#banner .content .button:active {
    color: #dfdfdf;
    border-color: #fff;
}

#banner .content .button:hover {
    color: #dfdfdf;
    border-color: #fff;
}

#main {
	border-top: solid 5px #e1ce7abf;
	border-top-width: 25px;
	border-bottom: solid 5px #A2A8B9;
	border-bottom-width: 10px;
}

/* Icons in #Main */
ul.special li a:before {
	background: #8C93A8;
}

ul.special li:hover a:before {
	background: #A2A8B9;
}

ul#iconList li {
	list-style-type: none;
}

#location-and-schedule {}

/*Responsive Google Map*/
.google-map {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.google-map iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position: absolute;
}

#footer {
	background-color: #D0D4DC;
}

h2.major {
	border-top: solid 5px #8c93a8;
	color: white;
	margin-bottom: 4em;
}

h2.major span {
	background: #8c93a8;
	color: white;
}

#footer h2.major span {
	background: #8c93a8;
}

ul.contact li a {
	background: #8c93a8;
}

#contact-links a {
	text-decoration: none; 
	color: #2c2a4a;
}

#contactForm .fields .field {
	padding-bottom: 10px;
}

#copyright {
	background: rgba(225, 206, 122, 0.75);
	color: white;
}

#copyright .menu li {
	border-color: #b9beca;
}