<?php
/**
 * Displays the site header.
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

$wrapper_classes  = 'site-header';
$wrapper_classes .= has_custom_logo() ? ' has-logo' : '';
$wrapper_classes .= ( true === get_theme_mod( 'display_title_and_tagline', true ) ) ? ' has-title-and-tagline' : '';
$wrapper_classes .= has_nav_menu( 'primary' ) ? ' has-menu' : '';
?>

<header id="masthead" class="headerWrapper">
  <div class="container">
    <div class="row align-items-end">
      <div class="col-md-3"><?php get_template_part( 'template-parts/header/site-branding' ); ?>
		 <div class="hambarger"><span></span><span></span><span></span></div>
		</div>
		  <div class="col-md-9 mobileMenuWrapper">
			  <div class="mobileMenuCross">x</div>
			  <div class="mainNavWrapper">
			  <?php get_template_part( 'template-parts/header/site-nav' ); ?>
		<div class="headerBtnBox"><a href="<?php echo site_url( '/request-a-quote/' );?>" class="siteBtn siteBtnBlue">Get a Quote  
			<svg xmlns="http://www.w3.org/2000/svg" width="13.269" height="10.324" viewBox="0 0 13.269 10.324">
    <g data-name="Icon feather-arrow-right" transform="translate(-6.75 -6.439)">
    <path data-name="Path 1141" d="M7.5,18H19.269" transform="translate(0 -6.399)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
    <path data-name="Path 1142" d="M18,7.5l4.1,4.1L18,15.7" transform="translate(-2.832)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  </g>
</svg></a></div>
				  </div> <!-- mainNavWrapper -->
		</div>
</div>
	  </div>
</header><!-- #masthead -->
