a {
  text-decoration: none
}

a, ul {
  color: #ccc;
}

a:hover {
  color: #b81d12;
}

body {
  display: flex;
  justify-content: center;
  font-size: 2em;
  text-transform: lowercase;
}

h1 {
  font: normal 3em Georgia, 'Times New Roman', Times, serif;
  margin-bottom: 20px;
  margin-left: 5px;
}

li {
  font-size: 2em;
}

p {
  font-size: 33px;
  margin: -45px 0 0 30px;
  width: 450px;
}

ul {
  list-style-type: none;
  margin-top: 10px;
  padding: 0;
}

.main {
  padding-left: 60px
}

@media (min-width: 800px) {
  body {
    padding: 60px;
  }

  h1 {
    font-size: 5em;
  }

  p {
    font-size: 2em;
    margin-left: 42px;
    margin-top: -62px;
    width: 100%;
  }

  ul {
    font-size: 2em;
    margin-top: 20px;
  }

  .main { padding: 0}
}