p {
    margin: 35px;
}
img { max-width: 100%; height: auto;}

@font-face {
	font-family: 'ProximaNovaACond-Regular';
	src: url('/fonts/34BEB9_2_0.eot');
	src: url('/fonts/34BEB9_2_0.eot?#iefix') format('embedded-opentype'),url('/fonts/34BEB9_2_0.woff2') format('woff2'),url('/fonts/34BEB9_2_0.woff') format('woff'),url('/fonts/34BEB9_2_0.ttf') format('truetype');
}
body{
font-family: ProximaNovaACond-Regular;
font-size: 16px;
}

.column-1 img {
  width: 300px;
  height: 100%;
}

.column-2 img {
  width: 300px;
  height: 100%;
}

.column-3 img {
  width: 300px;
  height: 100%;
}


  .content-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .column-1 {
    margin-left: auto;
    margin-right: auto;
  }

  .column-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .column-3 {
    margin-left: auto;
    margin-right: auto;
  }


@media screen and (min-width: 900px) {
  .grid {
    display: grid;
    grid-template-columns: 1fr repeat(2, minmax(auto, 45em)) 1fr;
  }
  
  .content-wrap {
  grid-column: 2/4;
  }
  
  .content-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(auto, 300px));
    /* grid-template-columns: 1fr; */
    grid-gap: 20px;
    justify-items: center;

  }
  
  .column-1 {
    grid-column-start: 2;
    grid-column-end: 4;
  }
  
  .column-2 {
    grid-column-start: 4;
    grid-column-end: 6;
  }
  
  .column-3 {
    grid-column-start: 6;
    grid-column-end: 8;
  }
}