/***** CSS Document *****/
/***** PORTFOLIO CSS PAGE *****/
/***** MICHAEL MORGAN 2020 *****/

.spacer {
    width: 100%;
    height: 5em;
  }
img {
  display: block;
  width: 100%;
  height: auto;
}
p {
  margin: 0;
  padding: 0.4em 0;
}

/* Section A */

#section-a {
  background: #fff;
  color: #000;
  padding-bottom: 1em;
  padding-top: 1.5em;
}
.content-title{
margin: auto;
font-size: 1em;
}
/* Section B */
#section-b {
  padding: 1em;
}
#section-b ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#section-b li {
  margin-bottom: 1em;
  background: #fff;
  color: #000;
}
.port_content {
  padding: 1em;
}
.port_title{
    margin: auto;
}
/* -----Media Querie for Tablets 48em = 768px ----- */
@media (min-width: 48em) {

    .spacer {
    width: 100%;
    height: 7em;
  }
    .content-title{
        font-size: 1.5em;
    }
    
  .grid {
    display: grid;
    grid-template-columns: 1fr repeat(2, minmax(auto, 45em)) 1fr;
  }
  #section-a .content-text {
    columns: 2;
    column-gap: 2em;
  }
  #section-a .port_text p {
    padding-top: 0;
  }
  .content-wrap, #section-b ul {
    grid-column: 2/4;
    padding: 0 50px 0 50px;
  }
  #section-b ul {
    display: flex;
    justify-content: space-around;
  }
  #section-b li {
    width: 30%;
    }
}
/* -----Media Querie for Desktop 62em = 968px Desktop*/
@media (min-width: 62em) {
    .spacer{
     height: 7.3em;
    }
    .content-title{
        font-size: 2em;
    }
   .main_cont {
    margin-top: 2.6em;
    }
.port_content {
  padding: 1.5em;
  }
}