body {
  background-color: #333333;
  padding:20px;
  font-size:18px;
  font-family: 'Arial', sans-serif;

}

.box {
  background-color:GhostWhite;
  color:#2d2d2e;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  padding:30px;
  border-radius:3px;
  box-shadow:5px 5px 60px 5px #0077f7;
  margin-bottom:60px;
}

.header {
  text-align:center;
  font-family: 'Quicksand', sans-serif;
  font-size:1.4em;
  line-height:1.2em;
}

h1 {
  font-size: 2em;
}

h3 {
  font-size: 1.4em;
}

.pic {
  display:block;
  margin-left:auto;
  margin-right:auto;
  border-radius:100px;
  box-shadow:0px 0px 15px 0px black;
  margin-top:10px;
}

.seperator {
  background-color:#999999;
  margin:3em auto;
  height:1px;
  max-width:600px;
}

.body-text {
  font-family: 'Della Respira', serif;
  margin-left:auto;
  margin-right:auto;
  max-width: 600px;
}

.icons {
 display:flex;
 justify-content:center;
 flex-wrap:wrap;
}

.icons > a {
  margin: 0px 40px;
  font-size: 82px;
}

.copyr {
  color:ghostwhite;
  text-align:center;
  font-size:0.8em;
}

.contact-copyr {
  color:ghostwhite;
  text-align:center;
  font-size:0.8em;
}

.button {
  display: block;
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #999999;
  color: ghostwhite;
  margin: 10px 0px;
  background-color: #2d2d2e;
  max-width: fit-content;
}

.cog-input input,textarea {
  font-family: 'Quicksand', sans-serif;
  font-size: 1em;
  font-weight:600;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #999999;
}

button {
  font-family: 'Quicksand', sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  padding: 10px 30px;
  border-radius: 3px;
  border: 1px solid #999999;
}


span.cog-branding__powered {
  background: ghostwhite !important;
}

@media screen and (max-width: 1020px) {
  body {
    font-size: 28px;
  }
  .copyr {
    font-size:0.45em;
  }
  form {
    font-size: 1.5em !important;
  }
  .contact-copyr {
    font-size: inherit;
  }
}