/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.tm-navbar:not(.uk-navbar-attached) .tm-nav-logo {  
position: absolute;  
left: auto;  
top: 50%;  
transform: translateY(-50%);  
}

.tm-navbar.tm-navbar-fullscreen .tm-navbar-wrapper .tm-nav {  
text-align: right;   
}
.tm-toolbar .uk-float-right .uk-panel {  
float: left;  
}  

.tm-toolbar .uk-float-right .uk-panel + .uk-panel {  
margin-left: 20px;  
text-align: right;
}
/*mod socialbar*/
.tm-socialbar {  
background: greenyellow none repeat scroll 0 0;
top: 20px;  
width: 96px;  
right: 0;  
}  

.tm-socialbar #tm-social-icons {  
 margin-top: -20px;  
}  

.tm-socialbar .tm-social-toggle {  
float: right;  
margin-right: 40px;  
font-family: "Montserrat";  
font-weight: 700;  
}  

.tm-socialbar #tm-social-icons > li {  
background: none rgba(0,0,0,0.4);  
margin-bottom: 10px;  
padding: 20px;  
text-align: left;  
}  

.tm-socialbar #tm-social-icons > li * {  
color: #FFFFFF;  
font-family: "Montserrat";  
}  

.tm-socialbar #tm-social-icons > li h1 {  
font-size: 36px;  
}

audio{
  width: 83.4%;
  height: 50px;
}