.pageTitle {
    text-align: center;
    font-size: 60px;
    text-decoration: underline;
}

.pageLink:link {
    display:block;
    color: var(--text);
}

.pageLink:visited {
	color: var(--text);
}
    
.pageLink:hover {
    color: var(--primary);
}

.cardInfo {
    float: left;
    margin: 0.5%;
    width: 13%;
    height: 500px;
    border: var(--border);
}

.card {
    width: 98%;
    margin: 1%;
}

.info {
    font-size: 20px;
    text-align: center;
}

@media (max-width: 1280px) {

  .cardInfo {
	width: 15%;
  }

}

@media (max-width: 1024px) {

  .cardInfo {
	width: 18.5%;
  }

}


@media (max-width: 640px) {

  .cardInfo {
	width: 23%;
  }

}