body {
background-color: #e4ecf8;
}  
#Heading {
font-family: 'Bree Serif', serif;
font-size: 1.1rem;
top: 0;
left: 0;
z-index: 1;
position: fixed;  
background-color: #e4ecf8;
width: 100%;
height: 20vh;
text-align: center;  
}

h1 {
font-family: 'Bree Serif', serif;
text-align: center;
color: green;
font-size: 1.8rem;  
}

#answer {
font-family: 'Signika Negative', sans-serif;
font-size: 1.4rem;
padding-right: 7vw;
padding-left: 7vw;  
}

#summary {
font-family: 'Signika Negative', sans-serif;
font-size: 1.4rem;
padding-left: 7vw;
padding-right: 7vw;  
}

h2 {
font-size: 1.5rem;
font-family: 'Bree Serif', serif;
color: blue;
text-align: center;  
}

#Players {
font-family: 'Signika Negative', sans-serif;
font-size: 1.2rem;
font-weight: normal;  
}

#Brand {
font-family: 'Signika Negative', sans-serif;
font-size: 1.3rem;
font-weight: normal;
padding-left: 7vw;
padding-right: 7vw;  
}

img {
border-radius: 40%;
width: 45%;
height: 45%;  
text-align: center;
display: block;  
margin-right: auto;
margin-left: auto;  
}

#links {
font-family: 'Signika Negative', sans-serif;
color: blue;
font-size: 1rem;
font-weight: normal;
text-align: center;  
}

@media screen and (min-width:768px) {
img{
  width: 50%;
  max-width: 250px;
  }
#Heading{
  font-size: 1.3rem;
  height: 10vh;
  font-family: 'Bree Serif', serif;
  padding-right: 5vw;
  padding-left: 5vw;
  }
 h2 {
  font-size: 1.3rem; 
  }
  #summary {
    
  }
}

ul {
list-style: square;
text-align: center;  
}