/* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;

  }
  th {
    width: 100px;
  }

/*=========================================
    Main Styles
    =========================================*/
    body {
      font-family: arial;
    }

    .container {
      width: 989px;
      margin: 0 auto;
    }

    .footer {
      text-align: center;
      background-color: navy;
      width:100%;
      padding: 0 0 50px 0;
      position: relative;
      color:white;
      padding:20px;
    }

    .header{
      background-image: url("../img/header.jpg");
      background-color: navy;
      width: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 45vh;
      margin: 0;
      padding: 0;
      float:left;
      color:white;
    }
    .header li {
      display: inline-block;
      float: right;
      margin: 12px 0 0 12px;
      color:white;
    }

   .header a{
    color:white;
   }

   .navigation-cont{
    width:80%;
    margin: 0 auto;
    padding: 20px 0;

   }

   }
  .form-contact{
    background-color: #557A95;
    padding: 20px;
    width: 50%;
    float: left;
  }