.logo {
height: 50px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}

.header-background {
background-color: #4f2684;
padding-left: 20px;
padding-right: 20px;  
}

.uk-grid {
    display: flex !important;
    align-items: center !important;
}

.headerNav{
background-color:  #4f2684;
width: 100%;
}

.footer {
background-color: #4f2684;
}

.uk-link, a {
color: #4f2684 !important;
font-weight: bold !important;
text-decoration: underline;
}

.uk-icon {
color: white !important;
}

.uk-search-input {
color: white !important;
}

.uk-breadcrumb {
	color: black !important;
}

#myVideo {
  right: 0;
  bottom: 0;
  min-width: 100%;
  max-height: 450px;
z-index: -1;
object-fit: cover;
}

.homeLogo{
height: 200px;
width: 450px;
}

.homeImage{
width: 99%;
}

.homeImage:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
cursor: pointer;
width: 100%;
}

.uk-navbar-nav a {
    color: white !important; 
}

.uk-navbar-nav a:hover {
    color: #facb0f  !important; 
}


.uk-navbar-dropdown-nav a {
    color: black !important; 
}

.uk-navbar-dropdown-nav a:hover {
    font-weight: bold !important; 
    color: black !important; 
}

#videoContainer {
position: relative;
width: 100%;
overflow: hidden;
}

.uk-container {
padding: 0px !important;
}

.text-overlay {
position: absolute;
top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
color: rgba(255, 255, 255, 0.5);         
padding: 10px;
border-radius: 5px;
height: 150px;
font-size: 90px;
text-align: center;
min-width: 100%;
}


//purple: #4f2684
//red: #ea1c22
//orange: #f7931f
//yellow: #facb0f
//green: #b2d232
//teal: #12a89d
//blue: #1174bf
//dark blue: #263c92
//semitransparent blue- background-color: rgba(17, 116, 191, 0.3);

	<header class='header-background'>
		<div id='masthead' class="uk-container header-background'>														
			<nav id='' class="uk-navbar-container" uk-navbar>
					<a href='<?=urls()->root?>' class="header-background">
					<img src='<?=urls()->templates?>styles/images/scs.png' alt='sucess coach logo' class='logo'>
					</a>
				<div class="uk-navbar-right uk-visible@m header-background">
					<?=ukNavbarNav(($home->children), [ 
						'dropdown' => [ 'basic-page', 'categories' ]
					])?>
				</div>
			</nav>
			
		</div>
	</header>



<aside id='sidebar' class='uk-width-1-3@m'>
				<?=page()->sidebar?>
			</aside>


h1 for top of pages:
<h1 id='content-head' class='uk-margin-small-top'>
					<?=page()->get('headline|title')?>
				</h1>