@font-face {
  font-family: 'Mistral';
  font-style: normal;
  font-weight: normal;
  src: local("Mistral"), url("../fonts/MISTRAL.woff") format("woff"); }

body {
  font-family: 'Average Sans', sans-serif;
  font-size: 24px;
  color: #0b0b09;
  line-height: 36px; }

h1, h2 {
  font-family: 'Mistral';
  font-weight: normal;
  font-size: 42px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #1045a5;
  margin-bottom: 30px; }

.logo svg path {
  fill: #fff; }

.topbg {
  background-image: url(/Content/Images/JMTrans.jpg);
  background-size: cover;
  background-position-y: center;
  height: 900px; }
  .topbg .top {
    width: 1500px;
    margin: auto; }
  .topbg .logo {
    float: left;
    line-height: 100px;
    margin-top: 40px; }
  .topbg .navi {
    float: right;
    line-height: 100px;
    margin-top: 40px; }
    .topbg .navi ul li {
      list-style: none;
      display: inline-block;
      margin-left: 0px;
      font-size: 48px;
      font-weight: 500;
      margin-left: 60px; }
      .topbg .navi ul li a {
        color: #fff;
        font-family: 'Mistral';
        font-weight: 500; }
      .topbg .navi ul li .select {
        color: #1045a5; }
      .topbg .navi ul li a:hover, .topbg .navi ul li a:focus {
        background-color: transparent;
        color: #1045a5; }

.fa {
  color: #1045a5;
  margin-right: 20px; }

a {
  color: #0b0b09; }

.section {
  padding: 100px 0; }
  .section .content {
    width: 1500px;
    margin: auto; }
  .section.blue {
    background-image: url(/Content/Images/bluebg.jpg);
    color: #fff; }
    .section.blue h2 {
      color: #fff; }
  .section .adres {
    float: right;
    text-align: center; }
  .section .contact a {
    display: block;
    margin-bottom: 15px; }