body {
background: #1A1A1A;
}

img {
  display: block;
  border: none;
}

#nmcWrap {
  width: 670px;
  display: table;
  margin: 30px auto;
  text-align: center;
  background: #000;
  padding: .938em;
  box-sizing: border-box;
}
  
#nmcContainer {
  display: block;
  margin: 40px 0;
}

.nmcLogo img {
  display: block;
  float: left;
}

video.nmc {
    float: right;
  width: 640px;
border: 5px solid #242B33;
}

h1 {
  color: #FFF;
  font: normal 1.8em Arial, Helvetica, Sans-serif;
}

.nmcFoot {
  clear: both;
    width: 670px;
    margin: 0 auto;
  font: normal .7em Arial, Helvetica, Sans-serif;
  color: #FFF;
}


nav.nmcNav {
  float: left;
}

nav.nmcNav ul {
  margin: 0;
  padding: 0;
  font: normal .8em Arial, Helvetica, Sans-serif;
}

nav.nmcNav li {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
  color: #FFF;
  text-align: left;
  margin: .625em 0;
}

nav.nmcNav li:hover {
  color: #6DB43F;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
#nmcWrap {
  width: 100%;
  margin: 10px auto;
}
  
  video.nmc {
    float: none;
    width: 100%;
  }
  .nmcFoot {
    width: 100%;
  }
  
}