@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/metrophobic/v10/0IZPA9DbzKXnGZABsAivT44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

h1, h2, h3, h4, h5, h6, h7
{
   font-family: 'Metrophobic', Helvetica, Arial, sans-serif;
}

select, textarea, input[type="password"]
{
   display: block;
   width: 100%;
   line-height: 1.42857143;
   padding: 6px 12px;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 14px;
   font-weight: normal !important;
   color: #555;
}

select
{
   font-weight: normal;
}

textarea
{
   min-height: 300px;
}

textarea:after
{
   font-size: 11px;
}

.header-banner
{
   height: 180px;
}

.logo-container
{
   width: 100%;
   height: 180px;
}

.logo-image
{
   width: 330px;
   height: 150px;
   margin-top: 15px;
}

a.btn.btn-success.signin 
{
   margin-top: 15px;
}

.navbar-brand, .navbar-nav li
{
   min-width: 110px;
   border-left: 1px solid #1d689e;
   text-align: center;
   font-family: 'Metrophobic';
}

ul.nav a
{
   font-weight: bold;
   color: #e6e6e6 !important;
}

ul.nav a:hover
{
   background-color: inherit !important;
   color: white !important;
}

.form label
{
   font-weight: bold !important;
}

.attendant
{
   width: 100%;
   height: 600px;
   border: 0px;
}

@media (min-width: 768px)
{
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand
{
   display: none !important;
}
}