header{
  align-content: space-around;
  flex-wrap: wrap;
  justify-content: space-around;
}
header #SignIn{
	display: inline-flex;
	border: 7px solid #FFF;
	text-decoration: none;
	color: #FFF;
	font-size: 36px;
	padding: 8px;
  text-transform: uppercase;
  position: relative;
  top: -10px;
}

.summary{
    font-size: 40px;
    text-align: center;
    max-width: 90%;
    margin: 35px auto;
}
.try{
    display: flex;
    margin: 20px auto;
}
.try a {
	font-size: 54px;
	display: inline-flex;
	padding: 20px 63px;
	border: 10px solid #000;
	margin: auto;
	text-decoration: none;
	color: black;
}
.longer_explanation{
  margin: 40px 20px;
  text-align: justify;
  line-height: 26px;
  font-size: 20px;
}
@media only screen and (max-width: 800px) {
  .summary{
    font-size: 5vw;
    margin: 4.375vw auto;
  }
  .try{
    margin: 2.5vw auto;
  }
  .try a{
    font-size: 6.75vw;
    padding: 2.5vw 7.875vw;
    border: 1.25vw solid #000;
  }
  .longer_explanation{
      font-size: 2.5vw;
      line-height: 3.25vw;
      margin: 5vw 2.5vw;
  }
}
@media only screen and (max-width: 480px) {
  .summary{
    font-size: 24px;
    margin: 21px auto;
  }
  .try{
    margin: 2.5px auto;
  }
  .try a{
    font-size: 32px;
    padding: 12px 38px;
    border: 5px solid #000;
  }
  .longer_explanation{
      font-size: 12px;
      line-height: 16px;
      margin: 24px 12px;
  }
}