/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import 'https://fonts.googleapis.com/css?family=Titillium+Web';

html {
  /* 1 */
  font: 300 16px / 28px 'Titillium Web';
 
  /* 3 */
  background: #34383c;
  color: #9ea9ae;
}

h1,h2,h3,h4,h5,h6 {
 font-family: 'Titillium Web'; 
}

.tm-logo {
  margin-top: 12px;
}

.uk-navbar-nav > li > a {
  color: rgba(158, 169, 174, 0.5);
  font-size: 20px;
  font-family: 'Titillium Web';  
}
@media only screen and (max-width: 850px) {
  .uk-navbar-nav > li > a {
    font-size: 16px;
	margin-top: 3px;
  }
}
@media only screen and (max-width: 800px) {
  .uk-navbar-nav > li > a {
    font-size: 14px;
	margin-top: 5px;
  }
}

.uk-modal-caption {
  color: #ddd;
}

.uk-modal {
  background: rgba(0, 0, 0, 0.9);
}

.tm-logo-small > h1 {
  display: inline;
  line-height: 56px;
  font-size: 25px;  
}

@media only screen and (max-width: 600px) {
  .uk-panel-title {
    font-size: 12px;
  }
}

@media only screen and (max-width: 400px) {
  .tm-logo-small > h1 {
    font-size: 18px;  
  }
}

#jform_contact_message {
	width:91.5%; 
	height:auto;
}