<!DOCTYPE html>
<html lang="en-US" style="margin-top:0px;">
	

<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
		<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico"/>
		<title>CBHSS</title>

		

		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900' rel='stylesheet' type='text/css'>

		<?php wp_head();?>
	</head>

	<body class="header03">
	
		<!-- <div id="loading">
			<div id="loading-center">
				<div id="loading-center-absolute">
					<div class="loader">Loading...</div>
				</div>
			</div> 
		</div> -->
		<div class="snap-drawers">
			<div class="snap-drawer snap-drawer-left">
				<div class="mobile-menu">
						<?php 
    wp_nav_menu( 
        array(
         
            'theme_location' => 'primary',
             'container' => false,
            'menu_class'    => 'menu',
             'list_item_class'  => 'menu',
            
        ) 
    ); 
?>
				</div>
			</div>
			<div class="snap-drawer snap-drawer-right"></div>
		</div>
		<div id="page" class="site">
			<header class="site-header">
				<nav id="site-navigation" class="main-navigation" style="background: #2c527ede;">
					<div class="top-search">
						<div class="container">
							<div class="row middle">
								<div class="col-md-12">
									<form>
										<input type="search" name="s" placeholder="What are you looking for?"/>
									</form>
								</div>
							</div>
						</div>
					</div>
					<div class="container">
						<div class="row middle">
							<div class="col-md-3 col-xs-8 site-branding">
								<a href="<?php echo home_url();?>/">
									<img src="<?php echo the_field('header_logo',5); ?>" alt="Logo" style="max-width:100%"/>
								</a>
							</div>
							
							<div class="col-xs-2 hidden-md hidden-lg end">
								<i id="open-left" class="fa fa-navicon"></i>
							</div>
							<div class="col-md-9 hidden-xs hidden-sm nav-left">
								<div class="primary-menu">
									<?php 
    wp_nav_menu( 
        array(
         
            'theme_location' => 'primary',
             'container' => false,
            'menu_class'    => 'menu',
             'list_item_class'  => 'menu',
            
        ) 
    ); 
?>
									<!-- <ul class="menu">
										
										<li >
											<a href="courses.html">Courses</a>
											
										</li>
										<li>
							<a href="downloads.html">Downloads</a>
							
						</li>
										
										<li>
											<a href="contact.html">Contact</a>
											
										</li>
									</ul> -->
								</div>
							</div>
							
						</div>
					</div>
				</nav>
				<!-- #site-navigation -->
			</header>
			<div class="site-content" style="margin-top:8.4rem;">