/* =================================
Content Styles
==================================== */

.card-deck {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

.card {
  font-family: "Montserrat", sans-serif;
  align-self: center;
  min-width: 30%;
}

.card-body {
  padding-left: 10px;
  padding-right: 10px;
}

.btn {
  color: white;
}

.btn:hover {
  background-color: dimgrey;
  color: white;
}

.modal {
  font-family: "Montserrat", sans-serif;
}

/* =================================
Media Queries
==================================== */
@media (min-width: 581px) {
  .card {
    align-self: flex-start;
  }
}

@media (min-width: 601px) {

.main {
  font-family: "Montserrat" sans-serif;
  font-size: 1.25em;
  width: 80%;
}
}