first fwi banner

by mrjordy

HTML

<div class="jet">
    <div class="jet-text"><p class="jet_head">PERFORMANCE MANAGEMENT CENTER</p><p class="jet_sub">SECURITY MANAGEMENT DIVISION</p></div>
    <div class="jet-layer-1"></div>
    <div class="jet-layer-2"></div>
</div>

CSS

.jet-layer-1 {
  background: url(http://techstatic.org/falconwood-pitch/jet_layer1.png);
  height: 244px;
  width: inherit;
  background-position-x: 50%;
}
.jet-layer-2 {
  background: url(http://techstatic.org/falconwood-pitch/jet_layer2.png);
  height: 150px;
  background-size: cover;
  margin-top: -244px;
  background-position-x: 50%;
}
p.jet_head {
  margin: 0;
  padding: 0;
  color: white;
  font-weight:bold;
  font-family: verdana;
  font-size: 2.6vw;
}
p.jet_sub {
  padding: 0;
  margin: 0;
  color: white;
  font-family: verdana;
  font-size: 2.6vw;
}
.jet-text {
  position: absolute;
  text-align: center;
  width: 98%;
}
@media screen and (max-width: 600px) {
     p.jet_sub, p.jet_head  {
font-size: 16px;
     } 
}