body{margin:0;padding:0;font-family:Arial;color:#000;font-size:14px;}
.header{width:100%;display:block;height:400px;background-image:url(img/top-header.jpg);background-size:cover;background-position:top;}
.header .logo{padding-top:30px;margin-bottom:100px;}
.nav{background-color: #1A1A1A;height:30px;border-top:solid 1px #FFF;}
.nav ul{margin:0 10%;padding:0 ;width:80%;display:block;}
.nav ul li{cursor:pointer;text-align:center;display:inline-block;width:24%;list-style:none;padding:0;margin:0;line-height:30px;font-size:16px; color:#FFF;}
.nav ul li:hover{background-color:#2BAECD;}
.nav ul li a{text-decoration:none;color:#fff;text-shadow:2px 2px 2px #000;}
.container{width:80%;margin:50px 10%;display:table;}
.container p{font-size:16px;}
.container p span{font-weight:bold;color:#2BAECD;}
.container .encart{background-color:#2BAECD;padding:30px 2%;color:#fff;float:left;width:100%;margin :10px 0;}
h1{color:#2BAECD;font-style: italic}
.footer{background-color:#666; height:auto;display: table;width:100%;}
.footer .left,.footer .right{width:40%;padding:30px 5%;float:left;color:#fff;}

@media screen and (max-width: 640px) {
    img {
      display:block;
      width:60%;margin:0 20%;
      height: auto;
    }
    .nav{height:auto;}
    .nav ul li{display:block;width:100%;}
    .footer .left,.footer .right{width:90%;}
    iframe{display:block;width:100%;}
    object,embed{display:none;}
    .header{height: auto;
      background: none;
      background-color: #000;
      padding-bottom: 50px;}
    .header img{display:none;}
    .header .logo img{display:block;}
    .header .logo{margin-bottom:20px;}
  }