body {
  
  background-color: black;
  color: white;
  
}
a {
  
  text-decoration: none;
  color: inherit;
  
}

#MainMSG {
  
  display: flex;
  flex-direction: column;
  
  max-width: 800px;
  //width: 60%;
  //background-color: cyan;
  margin: 10% auto 10% auto;
  
  
}
#MainMSG h1 {

  color: gold;
  font-family: "superblue", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36pt;

  margin: 0px;
  padding: 0px;
  
}
#MainMSG h2 {
  
  color: red;
  font-family: "tassista", sans-serif;
  font-weight: 500;
  font-style: normal;
  
  margin: 0px;
  padding: 0px;
  
}
#MainMSG h3 {
  
  color: red;
  font-family: "tassista", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 23pt;

}
#MainDisp {
  
  position: relative;
  display: flex;
  
}
#MainDisp ul {
  
  position: absolute;
  right: 10px;
  top: 20%;
  
  margin-top: 0%;
  font-family: "gamay", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14pt;
  
}
#LinkedIn {
  
  margin-top: 50px;
  
}
#OtherVeterans {
  
  margin-top: 50px;
  
  display: flex;
  flex-direction: column;
  
}
#AJ_X {
  
  display: flex;
  flex-direction: column;
  
}
#Links   {
  
  margin-top: 60px;
  margin-bottom: 100px;
  
}
#Links a::marker {
  
  color: red;
  list-style-type: circle;
  
}

@media only screen and (max-width: 800px) {
  
  h2 {
    
    font-size: 12pt;
    
  }

  #MainMSG {
    
    width: 600px;
    
  }
  #MainMSG img {
    
    width: 50%;
    
  }
  #MainMSG ul {
    
    width: 50%;
    font-size: 12pt;
    
  }
  
}
@media only screen and (max-width: 600px) {
  
  h2 {
    
    font-size: 9pt;
    
  }

  #MainMSG {
    
    width: 400px;
    
  }
  #MainMSG img {
    
    width: 50%;
    
  }
  #MainMSG ul {
    
    width: 50%;
    font-size: 9pt;
    
  }
  
}