body {
  font-family: serif;
  background: #2C2C2C;
}

h1{
	text-align: center;
	color: white;
}

h2{
	text-align: center;
	color: white;
}

.main{
	width: 880px;
	margin: auto;

}

.card{
	text-align: center;
}

div.card-container{
	left:4.5%;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.cards{
	font-size: 120px;
}

.cards_s{
	font-size:82px;
}

.cards_low{
	font-size:140px;
}

.copy{
	color:white;
}

.large{
	font-size:100px;
}


@media all and (max-width: 800px){
  .main {
    width: 100%;
  }
}