<?php
/**
 * The header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content">
 *
 * @package Loyt
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?> style="margin-top: 0 !important;">
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	<?php wp_head(); ?>
	<link rel="stylesheet" type="text/css" href="<?php echo get_bloginfo('template_url'); ?>/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="<?php echo get_bloginfo('template_url'); ?>/css/bootstrap-theme.min.css">
</head>

<body <?php body_class(); ?>>
	<header id="masthead" class="site-header" role="banner">
		<div class="row container contenedor">
			<div class="col-lg-5 col-md-5 col-sm-4  hidden-xs">
				<img src="<?php echo get_bloginfo('template_url'); ?>/images/logo-loyt.png" class="logo" />
			</div>
			<div class="col-lg-7 col-md-7 col-sm-8 col-xs-12 navHeader navbar navbar-default" role="navigation" >
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarexample">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand visible-xs" href="/">
						<img src="<?php echo get_bloginfo('template_url'); ?>/images/logo-loyt.png" class="logo" />
					</a>
				</div>
				<nav class="navigation collapse navbar-collapse" id="navbarexample">
					<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
				</nav>
			</div>
		</div>
	</header><!-- #masthead -->
