style.css 

header {
  font-family:'Franklin Gothic Medium';
  width:100%;
  color:gold;
  text-align: center;
  font-size: 20px;
}
body {
    background-color: black;
    background-image: url("Medieval Street 2.png");
    max-width:1080px;
    margin: 0 auto;
}

 #container {
                max-width: 900px;
                /* this is the width of your layout! */
                /* if you change the above value, scroll to the bottom
      and change the media query according to the comment! */
                margin: 0 auto;
                /* this centers the entire page */
            }
#header {
  width:100%;
background-color: black;
height:150px;
}
h1 {
  font-family: 'Franklin Gothic Medium';
    color: #680000;
    text-align: center;
    font-size:50px;
    
}
h2 {
    font-family: 'Franklin Gothic Medium';
    color: #680000;
    text-align: center;
    font-size:30px;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    
}

h3{
  font-size: 25px;
    line-height: 1.6;
    color: darkgoldenrod;
    text-align: left;
  
}
div {
  width: 320px;
  height: 320px;
  padding: 10px;
  margin: 0;
}
.box {
   text-align: center;
   background-color:black;
   border:black;
   padding: 10px
}
p {
    font-size: 18px;
    line-height: 1.6;
    color: white;
    text-align: center;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    
}