/* Nav bar */
   #nav {
      width: 100%;
      float: left;
      margin: 0 0 1em 0;
      padding: 0;
      list-style: none;
      background-color: #050a2d;
      border-bottom: 2px solid black; 
      border-top: 2px solid black;
      border-left: 2px solid black; }
   #nav li {
      float: left; }
   #nav li a {
      display: block;
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 25pt;
      text-align: center;
      width: 182px;
      text-decoration: none;
      font-weight: bold;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
      font-family: Arial, sans serif;
      color: white;
      border-right: 2px solid black;}
   #nav li a.port {
      display: block;
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 25pt;
      text-align: center;
      width: 226px;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial, sans serif;}
   #nav li a:hover {
      color: white;
      background-color: #141d54; }
   /* Nav bar */
   
   body {
    background: url("BarraHorizontal.png");
    background-repeat: repeat-x;
    margin: auto;
    padding: 0px;
    background-attachment: scroll;
}
  #footer {
  height: 100px;
  width: 100%;
  background-color: #050a2d;
}
  p.foot {
      display: block;
      position: absolute;
      margin-left: 34%;
      margin-right: 34%;
      margin-top: 27px;
      font-size: 10pt;
      text-align: center;
      font-family: Arial, sans serif;
      font-weight: bold;
      color: white;
      min-width: 32%;
      max-width: 32%;
}
   h1 {
      text-align: center;
      font-family: "Arial", Gadget, sans-serif;
      color: #050a2d;
      margin-top: 10px;
}
   h3 {
      text-align: center;
      margin-top: 10px;
}
  p   {
      text-align: center;
}
@media only screen and (min-width: 1920px) {
  #logo {
  width: 320px;
  height: 255px;
}
   #nav {
      width: 100%;
      float: left;
      margin: 0 0 1em 0;
      padding: 0;
      list-style: none;
      background-color: #050a2d;
      border-bottom: 3px solid black; 
      border-top: 3px solid black;
      border-left: 3px solid black; }
   #nav li {
      float: left; }
   #nav li a {
      display: block;
      padding-top: 20px;
      padding-bottom: 20px;
      font-size: 35pt;
      text-align: center;
      width: 255px;
      text-decoration: none;
      font-weight: bold;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
      font-family: Arial, sans serif;
      color: white;
      border-right: 3px solid black;}
   #nav li a.port {
      display: block;
      padding-top: 20px;
      padding-bottom: 20px;
      font-size: 35pt;
      text-align: center;
      width: 320px;
      text-decoration: none;
      font-weight: bold;
      font-family: Arial, sans serif;}
   #nav li a:hover {
      color: white;
      background-color: #141d54; }
   /* Nav bar */
   
   body {
    background: url("BarraHorizontal2.png");
    background-repeat: repeat-x;
    margin: auto;
    padding: 0px;
    background-attachment: scroll;
}
  #footer {
  height: 140px;
  width: 100%;
  background-color: #050a2d;
}
  p.foot {
      display: block;
      position: absolute;
      margin-left: 34%;
      margin-right: 34%;
      margin-top: 38px;
      font-size: 14pt;
      text-align: center;
      font-family: Arial, sans serif;
      font-weight: bold;
      color: white;
      min-width: 32%;
      max-width: 32%;
}
   h1 {
      text-align: center;
      font-family: "Arial", Gadget, sans-serif;
      color: #050a2d;
      margin-top: 14px;
      font-size: 30pt;
}
   h3 {
      text-align: center;
      margin-top: 14px;
      font-size: 16pt;
}
  p   {
      font-size: 16pt;
      text-align: center;
}
}