/*
h1 {
  font-size: 5rem;
  margin-bottom: 10px;
}
*/

h2 {
  margin-top: 20px;
}

h3 {
}

/*

/*
.img-float {
  float: right;
  width: 50%;
  margin: 0px 20px;
}

/*
.overflow {
  overflow: auto;
}
*/

.project-card {
  margin: 40px 0px;
  overflow: auto;
  display: grid;
  grid-template-areas:
    'title img'
    'summary img';
  column-gap: 30px;
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  grid-auto-rows: auto min-content;
  align-items: start;
}

.project-card:nth-child(even) {
  grid-template-areas:
    'img title'
    'img summary';
}

.project-card h2 {
  grid-area: title;
  align-self: start;
}
.project-card-summary {
  grid-area: summary;
  align-self: start;
}
.project-card img {
  grid-area: img;
  padding-bottom: 0px;
}

/*
.project-card img {
  float: right;
  width: 50%;
  margin: 0px 20px;
}
*/

.right-image {
  float: right;
  width: 50%;
  margin: 0px 20px;
}


.full-width {
  width: 100%;
}

.page-image {
  width: 60%;
}

.full-min-height {
  min-height: 100%;
}

.full-height {
  height: 100%;
}

.center-box {
  width: 512px;
}


.flex-basis-0 {
  flex-basis: 0%;
}


@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
  .project-card, .project-card:nth-child(even) {
    grid-template-areas:
      'title'
      'img'
      'summary';
  }
  .project-card img {
    padding-bottom: 10px;
  }
  .right-image {
    float: none;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
  .center-box {
    width: 80%;
  }
}


@media only screen and (max-width: 575px) {
  .center-box {
    width: 100%;
  }
}