body {
    background-color:#000000;
}

.header{
    background-image: url("./images/worldmap-natural.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
    font-family: "MedievalSharp", cursive;
    font-weight: 400;
    font-size: 1vw;
    font-style: normal;
    text-align: center;
    display: block;
}

.header h1 {
    color: white;
    text-shadow:
    -0.032vw 0.032vw 0 #000,  
     0.032vw 0.032vw 0 #000,
    -0.032vw  0.032vw 0 #000,
     0.032vw  0.032vw 0 #000,
    0.16vw 0.16vw 0 #000;
}

.column {
  color: white;
  font-size: 1.5vw;
  text-shadow:
    -0.032vw 0.032vw 0 #000,  
     0.032vw 0.032vw 0 #000,
    -0.032vw  0.032vw 0 #000,
     0.032vw  0.032vw 0 #000,
    0.128vw 0.128vw 0 #000;
  box-sizing: border-box;
  width: 33.33%;
  float: left;
  padding: 10px;
  
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}